在Js中匿名函数的几种写法

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
       /*匿名函数的用法:*/
 
        // 1. 字面量形式
        let fn=function(){
            console.log("匿名函数赋值给变量，成为一个有名字的函数");
        }
        fn();//这样就是有名字的函数了
 
        // 2. 对象函数形式
        let obj={
            name:"小明",
            say:function(){
                console.log(this.name+"说：hello");
            }
        }
        obj.say(); // 小明说：hello
 
        // 3. 作为事件处理函数
         document.onclick=function(){
             console.log("我被点击了");
         }
  
         // 4. 作为回调函数
         function add(a,b,callback){
             let result=a+b;
             callback(result);
         }
         add(1,2,function(result){
             console.log("结果是："+result);
         })
 
        function fn1(result){
             setTimeout(() => {
                console.log("我是主函数，被调用了");
                result();
             }, 2000);
           }
          fn1(function(){
             console.log("我是回调函数，被调用了");
          })
 
          //立即执行函数
          (function(){
             console.log("我是立即执行函数");
          }());
 
          //箭头函数
          let add1=(a,b)=>a+b;
          console.log(add1(1,2)); // 3
 
         
    </script>
</body>
</html>

posted @ 2024-10-05 14:25 一个人走在路上阅读(51) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· EF Core异步编程

· Vue中列表渲染中的v-for的使用

· JavaScript中的匿名函数

· js中的匿名函数

· JavaScript中匿名函数的用法

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构

公告

记录学习、用在实际，一路前行......

昵称：一个人走在路上
园龄： 2年6个月
粉丝： 0
关注： 5

+加关注

2025年3月

日

一

二

三

四

五

六

zy8899

从0到1，一步一步的走.....

在Js中匿名函数的几种写法

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>
	<script>
	/匿名函数的用法:/

	// 1. 字面量形式
	let fn=function(){
	console.log("匿名函数赋值给变量，成为一个有名字的函数");
	}
	fn();//这样就是有名字的函数了

	// 2. 对象函数形式
	let obj={
	name:"小明",
	say:function(){
	console.log(this.name+"说：hello");
	}
	}
	obj.say(); // 小明说：hello

	// 3. 作为事件处理函数
	document.onclick=function(){
	console.log("我被点击了");
	}

	// 4. 作为回调函数
	function add(a,b,callback){
	let result=a+b;
	callback(result);
	}
	add(1,2,function(result){
	console.log("结果是："+result);
	})

	function fn1(result){
	setTimeout(() => {
	console.log("我是主函数，被调用了");
	result();
	}, 2000);
	}
	fn1(function(){
	console.log("我是回调函数，被调用了");
	})

	//立即执行函数
	(function(){
	console.log("我是立即执行函数");
	}());

	//箭头函数
	let add1=(a,b)=>a+b;
	console.log(add1(1,2)); // 3


	</script>
	</body>
	</html>