匿名函数调用方法_javascript匿名函数

匿名函数调用方法_javascript匿名函数首先看一下普通函数和匿名函数的区别//普通函数functionsum(a,b){ returna+b; console.log(“我是一个普通函数”) }//匿名函数,不能单独使用function(a,b){ returna+b; console.log(“我是一个匿名函数”) }没错,匿名函数简单来说就是普通函数去掉名字,但是他不能单独定义与使用,下面是匿名函数的一些使用场景:用于函数表达式、作为返回值、用于定义对象方法、作为回调函数、用于立即执行函数、用于DOM元素注

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

首先看一下普通函数和匿名函数的区别

//普通函数
function sum(a,b){ 
   
	return a+b;
	console.log("我是一个普通函数")
	}
//匿名函数,不能单独使用
function (a,b){ 
   
	return a+b;
	console.log("我是一个匿名函数")
	}

没错,匿名函数简单来说就是普通函数去掉名字,但是他不能单独定义与使用,下面是匿名函数的一些使用场景:

用于函数表达式、作为返回值、用于定义对象方法、作为回调函数、用于立即执行函数、用于DOM元素注册事件

1.用于函数表达式

var sum = function (num1, num2) { 
   
return num1 + num2;
};
console.log(sum(2, 3));

2.作为返回值

function sum(sum1, sum2) { 
   

return function() { 
   

return sum1 + sum2;
	}
}
console.log(sum(2, 3)); // [Function]
console.log(sum(2, 3)()); // 5

3.用于定义对象方法

var obj = { 
   
	name: 'uakora',
	age: 27,
	foo: function() { 
   
		console.log(this.name + ' ' + this.age);
	}
};
obj.foo(); // uakora 27

4.作为回调函数

setTimeout(function() { 
   
console.log('匿名函数作为回调函数');
}, 1000);

4.用于执行立即函数

常用形式一:名函数后面跟一个括号,再将整个包裹在一个括号运算符中
(function() { 
   
console.log('立即执行函数是基于匿名函数创建的');
}());
常用形式二:将匿名函数包裹在一个括号运算符中,后面再跟一个括号

(function () { 
   undefined

console.log('立即执行函数');

})();
 // !!!特别说明:若此立即执行函数后面立马又跟着一个立即执行函数,一定要在结尾加分号,否则后面的立即执行函数会报错!

5.用于DOM元素注册时间

<button id="btnEvent">click me</button>
let btn=docunment.getElementById("btnEvent")
btn.onclick=function(){ 
   
	console.log("DOM元素注册时间")
	}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/186474.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • PV操作——生产者和消费者

    PV操作——生产者和消费者

    2022年1月15日
    62
  • CSS图片去色[通俗易懂]

    CSS图片去色[通俗易懂].imgFilter{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);…

    2022年10月5日
    2
  • JSP与Servlet的区别「建议收藏」

    JSP与Servlet的区别「建议收藏」JSP与Servlet的区别一、最重要的一句话!!jsp就是在html里面写java代码,servlet就是在java里面写html代码…其实jsp经过容器解释之后就是servlet.只是我们自己写代码的时候尽量能让它们各司其职,jsp更注重前端显示,servlet更注重模型和业务逻辑。不要写出万能的jsp或servlet来即可。二、对比1)什么是Servlet?Servlet其实就是一个遵循Servlet开发的java类。Servlet是由服务器调用的,运行在服务器端。2)为什么要用到Serv

    2022年6月18日
    26
  • mybatis分页sql语句_MySQL 分页查询

    mybatis分页sql语句_MySQL 分页查询Mybatis可以使用RowBounds进行分页dao层sql的xml文件,因为是java层面的分页,所以sql不需要分页单元测试因为参数是第几个开始,这样很不友好,我们一般情况分页是第几页开始,页大小是多少,所以这就需要我们自己封装一层分页对象packagecom.lingaolu.utils;importorg.apache.ibatis.session.RowBounds;/***@author林高禄*@create.

    2022年9月22日
    2
  • 三万字带你了解那些年面过的Java八股文[通俗易懂]

    三万字带你了解那些年面过的Java八股文[通俗易懂]目录????前言1️⃣Java基础知识????基础知识导图????IO流????Lambda????&和&&的区别?????在java中如何跳出当前的多重循环?????面向对象的三大特征????”==”和equals方法究竟有什么区别?????三个与取整有关的方法????Java中运算符✨重载和重写的区别?????String和StringBuffuer、StringBuilder的区别?????java中有几种方法实现一个线程?用什么关键字修饰同步方法?stop()和suspend

    2022年6月1日
    35
  • 【Java】Java双端队列Deque使用详解

    【Java】Java双端队列Deque使用详解Deque是一个双端队列接口,继承自Queue接口,它们共同的实现类是LinkedList。Deque的功能很强大:代替普通队列Queue:先进先出、队尾进队头出可以作为双端队列:队尾和队头都可以进出还可以作为堆栈使用:先进后出、只能从一端进出注意:Java堆栈Stack类已经过时,Java官方推荐使用Deque替代Stack使用。jdk文档中关于Deque的使用介…

    2022年7月14日
    21

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号