Javascript进阶:匿名函数详解

匿名函数:意如其名,就是没有名字的函数。

function (arg1,arg2){
   .....  
}

匿名函数的普遍用法:

1、赋值给变量:

var func=function(arg1,arg2){...}

2、作为参数传进另一个函数:

document.getElementById("test").addEventListener("click",function(){..},false)

匿名函数与闭包:很多人都将匿名函数和闭包混为一谈,其实根本就俩回事。


说到闭包,我们得重新了解Javascript的作用域,

执行环境(execution context):汤姆大叔的叫法是执行上下文,我习惯了称它为环境。

《javascript高级程序》的解释是这样的,执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。

 1、在每个执行环境中,都有一个变量对象(variable object)。

 2、变量对象保存着对应的执行环境中的所有变量函数。(我们没法访问他,但是解析器在处理数据的时候会在后台使用它)

 3、全局执行环境是最外围的一个执行环境,相对于浏览器来说,其实就是window对象啦!

 4、每个执行环境的所有代码执行完毕后,该环境都会销毁,而window对象的执行环境要销毁的话,除非关闭网页或浏览器……

每个函数都有自己的执行环境,当解析器开始解析这个函数时,会把这个函数的环境推入到环境栈中,(栈的特性了都知道吧?)当函数执行完后,又将这个函数的环境从环境栈中弹出。

* 当代码在执行环境中运行的时候,会创建变量对象的一个作用域链(scope chain),其实作用域链很好理解,就是控制所有变量和函数对这个执行环境的有序访问,作用域的前端,始终都是当前代码所在环境的变量对象。如果这个环境是函数,,则将其活动对象作为变量对象。(PS:活动对象就是包含了函数的形参,arguments对象)。

function compare(val1,val2){
  return val1+val2;  
}

compare(5,10);

如图所示:

  1、当运行compare()函数时,马上创建变量对象的作用域链scope chain,作用域链的顶端0存储的是当前执行环境的变量对象,因为compare()是函数,所以它的变量对象就是活动对象。

  2、作用域链的第二层,就指向全局环境啦!

如果你能搞懂Javascript的作用域,那闭包就不难理解了!

原文地址:https://www.cnblogs.com/w3develop/p/3081559.html