深入学习JavaScript-函数&闭包

2016-12-14  本文已影响41人  TaoGeNet

函数

理解参数

JavaScript函数不介意传递多少个参数,也不介意传递参数的数据类型。也就是说函数定义接受多少个参数,调用时也未必一定要传递多少个参数。

在JavaScript中的参数在内部是用一个数组来表示的,函数接受的始终都是这个数组,而不关心数组中包含的内容。在函数体内部可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数。

修改arguments对象中的值会自动反映到对应的命名参数。

返回结果为 20。argument[1] 和num2的值都是10,但并不代表读取这两个值会访问相同的内存空间,它们的内存空间是独立的。但他们的值会同步的。

没有函数重载

JS中定义函数  两种方式 1、函数声明 2 、函数表达式

函数声明中一个重要特征 函数声明提升:执行代码之前会先读取函数声明

第二种方式函数表达式,不能函数声明提升

这种形式看起来类似于常规的变量赋值语句,即创建一个函数并将它赋值给变量,这种情况下创建的函数叫做匿名函数。因为function关键字后面没有标识符。

函数表达式与其他表达式一样,在使用前必须先赋值。否则会导致错误。

闭包

严格的定义:有函数(环境)及其封闭的自由变量组成的集合体。 

简单的来说:闭包是指有权访问另一个函数作用域中的变量的函数。

闭包创建的常见方式就是在一个函数内部创建另一个函数。

按照常规思维理解,count 是函数内部中的变量,它的生命周期就是在generateClosure函数被调到时期。当函数generatreClosure从调用栈中返回时,count变量申请的空间也就被释放。上述代码中当在generateClose函数调用后,继续调用函数counter。函数counter中引用了“已经释放的”count。但没有出错,而且多次调用count值还在自增变化。

可以看出 内部函数中的代码访问了外部函数的变量num,即使这个函数被返回了,当在其他地方内部函数被调用了,它任然可以访问这个变量。

需要搞清楚上述例子的细节和疑问需要从作用域链中去追寻。

当JS中函数被调用时,会创建一个执行环境及相应的作用域链。然后,使用arguments和其他命名参数的值来初始化函数的活动对象。但在作用域链中,外部函数的活动对象始终处于第二位,外部函数的外部函数的活动对象处于第三位,...直至作为作用域链终点的全局执行环境。当函数内部中访问一个变量是,就回从作用域链中搜索具有相应名字的变量。一般来讲,当函数执行完毕后,局部活动对象就回被销毁,内存中仅保存全局作用域(全局执行环境的变量对象)但是闭包的情况会有所不同。

在函数内部定义的函数会将包含函数(即外部函数)的活动对象添加到它的作用域链中,所以上述 dealwithNumber函数内部定义的匿名函数作用域链中,实际上包含外部函数dealwithNumber的活动对象。

在匿名函数在dealWithNumber中被返回后,它的作用域链被初始化为包含dealwithNumber函数的活动对象和全局变量对象。这样,匿名函数就可以访问在dealWithNumber中定义的所有变量。更重要的是,在dealWithNumber函数在执行完毕后,其活动对象也不会被销毁,因为匿名函数的作用域链仍然会引用这个活动对象,但是函数dealWithNumber作用域链被销毁了。直到匿名函数被销毁后,其外部函数的活动对象才会被销毁。

由于闭包会携带包含它的函数的作用域,过度使用,可能会导致内存占用过多。对内存要求比较高的应用,慎重使用。

作用域链的这种配置机制会引出一个值得注意的副作用

该函数会返回一个函数数组,表面上看位置0的函数返回0,位置1返回1.但实际上每个函数都是返回的为10. 因为每个函数的作用域链中都保存着 createArrayFunction函数的活动对象,所以它们引用的都是同一个变量I。当createArrayFunction函数返回后,变量i的值变为10,此时每个函数都引用着保存变量I的同一个变量对象,所以每个函数内部i的值都为10.

对上述函数进行修改,在执行,可以看出函数数组执行的返回值是对应的下标。

在这个版本中,没有直接把闭包函数赋值返回给数组,而是定义了一个匿名函数,并将立即执行该匿名函数的结果赋值给数组。这里的匿名函数有一个参数num,也就是最终的函数要返回的值。在调用每个匿名函数时,传入的是变量I,由于函数参数的按值传递的,所以将会将变量i的当前值复制给参数num,而在这个匿名函数内部,又创建并返回了一个访问num的闭包。这样,result数组中的函数都有自己num变量的一个副本,因此就可以返回各自不同的数值。

上一篇下一篇

猜你喜欢

热点阅读