JavaScript-匿名函数

什么是匿名函数

1、匿名函数,即没有名称的函数
2、如果单独只写一个匿名函数，此时是不符合语法要求的会报错。需要给匿名函数包裹一个括号，使之成为表达式。
3、被小括号包裹的内容会被js识别为一个函数表达式

如何执行和使用匿名函数？

需要执行匿名函数后面追加括号即可也就是立即执行函数

方式一：小括号只将匿名函数包裹起来后面跟随执行的小括号(常用)

(function () {alert('匿名函数执行方式一')})();

小括号将匿名函数以及执行匿名函数的小括号都包裹起来整体构成一个表达式

 (function () {alert('匿名函数执行方式二')}());

匿名函数传参与其他普通参数的传参方式一样，调用的时候将参数传入即可

 (function (m) {alert(m)}('这是匿名函数传进来的参数'));

匿名函数的应用

绑定事件时的方法

  let item = document.getElementById("item")item.onclick = function () {alert("我是输入框的点击事件")}

函数表达式将匿名函数赋值给一个变量

  let fun2 = function () {alert('这是一个函数表达式')}fun2();

对象里面的函数属性

   let obj = {name: "Year",age: 28,hobby: function () {return '我喜欢跳舞'}};alert(obj.hobby());

回调函数，将匿名函数作为其中的一个参数

 //过滤出值为9的值let numArr = [1, 5, 9, 10]let newArr = numArr.filter(function (item) {if (item !== 9) {return item}});

函数返回值，即将函数作为一个返回值

     //内部函数可以访问外部函数的所有变量function box() {return function() {alert("函数作为返回值的应用")}}box()();

点赞 -收藏-关注-便于以后复习和收到最新内容有其他问题在评论区讨论-或者私信我-收到会在第一时间回复如有侵权，请私信联系我感谢,配合,希望我的努力对你有帮助^_^

JavaScript-匿名函数相关推荐

一家之言：谈谈JavaScript匿名函数(转)
匿名函数的概念大家也许不会陌生,但是我相信下面的内容会打开一些新的思路. 我们知道函数的定义方式有两种: 1 function fn1(){alert('fn1 works');} 2 var fn2 ...
javascript匿名函数的各种执行形式
近期在研究Pomelo源码,这个框架基于Node.js,所以非要频繁地与JavaScript脚本打交道不可.因此,本文中我们来总结 javascript语言中匿名函数的主要目的及各种存在形式.其实,匿 ...
javascript匿名函数的理解
复制粘贴 [color=red]点评:请记住,关键点是理解javascript的函数概念(参考w3cshool对函数的描述,搜索关键字:ECMAScript 函数).以及()的运算的理解. 比如:va ...
linux 运行函数名,JavaScript匿名函数的各种执行形式
近期在研究Pomelo源码,这个框架基于Node.js,所以非要频繁地与JavaScript脚本打交道不可.因此,本文中我们来总结 JavaScript语言中匿名函数的主要目的及各种存在形式.其实,匿 ...
JavaScript匿名函数介绍
JavaScript匿名函数介绍匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高. JavaScript匿名函数最常见的用法: (function(){ //运行的代码 })(); ...
javascript 匿名函数的理解
代码如下: (function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候,我也像其他 ...
Javascript匿名函数
ü 定义匿名函数的定义非常简单:就是没有名字的函数.但是其用途非常的大 ü 典型的函数定义方式在看匿名函数之前我们先看下在Javascript中定义一个函数比较典型的几种方式函数声明 fun ...
JavaScript匿名函数以及在循环中的匿名函数
一历史 JavaScript其实是一门奇异的语言,TA的一大特性是没有块级作用域 for(var i=0;i<10;i++){} console.log(i) 大家猜测下值是多少? 答案是 1 ...
(转)javascript匿名函数
文章来源: http://hi.baidu.com/koen_li/blog/item/4b14e4fc0c9b140c08244d8c.html 匿名函数的写法顾名思义,就是没有名字的函数(⊙﹏⊙ ...
JavaScript匿名函数与托付
<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head><!-- C#匿名函数--&g ...

JavaScript-匿名函数

什么是匿名函数

如何执行和使用匿名函数？

匿名函数的应用

JavaScript-匿名函数相关推荐

最新文章

热门文章