美文网首页
深入学习JavaScript-函数&闭包

深入学习JavaScript-函数&闭包

作者: TaoGeNet | 来源:发表于2016-12-14 18:40 被阅读41次

    函数

    理解参数

    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变量的一个副本,因此就可以返回各自不同的数值。

    相关文章

      网友评论

          本文标题:深入学习JavaScript-函数&闭包

          本文链接:https://www.haomeiwen.com/subject/afgimttx.html