什么是匿名函数、什么是闭包函数?

更新日期: 2019-11-25阅读: 2.2k标签: 匿名函数

前端面试中面试官基本都会问到什么是匿名函数、什么是闭包函数。

本文就先来说一下什么是匿名函数。

匿名函数顾名思义就是没有名字的函数,通常我们所写的函数都是这样的:

function do(){
   // 执行代码  
}; 
// 调用
do();

这种写法是定义了一个名为do的函数,并通过函数名称进行调用。

那如果没有名字是什么样子的啊?

function () {
  // 执行代码   
 };

这种写法在编译的时候会报错:

Uncaught SyntaxError: Unexpected token (

这是为什么呢?原来时因为浏览器在进行语法分析的时候发现这个函数根本没法执行。

那要为什么还要匿名函数呢?在编程语言中如果又个编码方式那这种编码方式肯定是能正常运行的,那该如何让匿名函数跑起来呢?再看下面的例子:

var do = function () {
  // 执行代码  
}
do();

这种函数大家肯定都知道,其实这种写法就是将匿名函数复制为变量do,再通过变量名执行函数。

(function(){
   // 执行代码 
  console.log("打印成功"); })();


上面代码是什么意思呢?

可以先把上面的代码分几个部分:

第一部分是括号里面的匿名函数,第二部分是加上括号的匿名函数,第三部分带上最后面执行用的括号。

匿名函数在括号内部可以看成是将匿名函数当成是一个变量,再通过括号进行执行。

(function () {
   // 执行代码 
})();

// 相当于
var do = function() {
   // 执行代码  
};

do();

其实向上面这种匿名函数的写法在很多地方都有用到,这种又叫自执行函数,像jquery 等一些工具包都会用这种写法,自执行函数有哪些优点呢?

// 定义一个全局变量a
var a = 1;

(function() {
  // 在自执行函数中也创建一个变量a
  var a = 2;
   console.log(a);  // 2
})();

console.log(a); // 1

可以看到在自执行函数中打印出来的是2,而在自执行函数中打印出来的是1;


这是为什么?

因为在程序中有个名称叫做作用域,全局环境的作用域叫做全局作用域,函数中的作用域叫做函数作用域,而作用域是分层的,内部作用域中可以访问外部作用域中的变量,而外部作用域中却不可以访问内部作用域中的变量。

在内部作用域中访问变量会先在自己所在作用域中查找,如果找不到再在上一层作用域中进行查找,再找不到还会再往上查找,一直到找到全局作用域。这种一层一层的关系像链条一样所以被叫做作用域链

再看上面代码:在自执行函数中console.log 函数访问了a变量,首先在自己所在的作用域中查找,找到了a变量,故输出了a的值2;全局环境中的console.log 函数也访问了a变量,由于外部作用域不能访问内部作用域,所以全局环境中访问的a变量只能在全局函环境中进行查找,所以输出了a的值1;

总结:自执行函数的优点是为了保证自执行函数中的变量不会受到其他环境的污染


链接: https://fly63.com/article/detial/7720

js中函数声明、函数表达式、匿名函数的理解和区别?

js和其他编程语言相对比较随意,首先来理解下函数基本概念:函数声明、函数表达式、匿名函数。函数声明和函数表达式区别有哪些?

少用JS匿名函数_不使用JS匿名函数的三个理由

无论你在什么时候读代码,您都必须注意到匿名函数。有时它们被称为 lambda,有时是匿名函数,不管怎样,我认为他们是不好使用的。匿名函数是一种在运行时动态声明的函数。它们之所以被称为匿名函数是因为不同于普通函数,它们并没有函数名 。

JS匿名函数this调用变量报错

突然,看到附件选择的方法,人家是设置的this.fileUrl成功的。比对下,什么区别。这就是JS中匿名方法的this指向问题,function的声明方式,this指向的是本身,父级的变量都无法访问。

js匿名函数自执行的好处

我们知道,在创建一个函数时如果要用到变量来存取信息的话,要尽量使用局部变量。因为一方面局部变量会随着函数的执行结束被销毁;另一方面在不执行函数的时候也不会创建这个局部变量,对节省空间资源有很大的好处。

JavaScript中的匿名函数、立即执行函数和闭包

立即执行函数是基于匿名函数实现的,也没有函数名,会在定义后立即执行;闭包是有权访问另一个函数作用域中的变量的函数。匿名函数、立即执行函数只要满足 有权访问另一个函数作用域中的变量 这一个条件,就成了闭包。

匿名函数没有自己的this

匿名函数没有自己的this,因此,在构造对象中调用全局函数时,可以省去保存临时this,再将其传入全局函数这一步:

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!