[] 在后台执行环境中,闭包的作用域链包含着它自己的作用域、包含函数的作用域和全局作用域。 [] 通常,函数的作用域及其所有变量都会在函数执行结束后被销毁。 [ ] 但是,当函数返回了一个闭包时,这个函数的作用域将会一直在内存中保存到闭包不存在为止。
[] 创建并立即调用一个函数,这样既可以执行其中的代码,又不会在内存中留下对该函数的引用。 [] 结果就是函数内部的所有变量都会被立即销毁————除非将某些变量赋值给了包含作用域(即外部作用域)中的变量。
[ ] 即使
中没有正式的私有对象属性的概念,但可以使用闭包来实现公有方法,而通过公有方法可以访问在包含作用域中定义的变量。 [] 有权访问私有变量的公有方法叫做特权方法。 [] 可以使用构造函数模式、原型模式来实现自定义类型的特权方法,也可以使用模块模式、增强的模块模式来实现单例的特权方法。
作用域链的这种配置机制引出了一个值得注意的副作用,即闭包只能取得包含函数中任何变量的最后一个值。别忘了闭包所保存的是整个变量对象,而不是某个特殊的变量。可以通过下面的例子来说明这个问题:
- function createFnctions() {
- var result = new Array();
- for (var i = 0; i < 10; i++) {
- result[i] = function() {
- return i;
- };
- }
- return result;
- }
这个函数会返回一个数组。表面上看,似乎每个函数都应该返回自己的索引值,即位置 0 的函数返回 0,位置 1 的函数返回 1 等等。但实际上,每个函数都返回 10。因为每个函数的作用域链中都保存着 createFnctions()函数的活动对象,所以它们引用的都是同一个变量 i。但是可以通过创建另一个匿名函数强制让闭包的行为符合预期,如下:
- function createFnctions() {
- var result = new Array();
- for (var i = 0; i < 10; i++) {
- result[i] = function(num) {
- return function() {
- return num;
- };
- } (i);
- }
- return result;
- }
在这段代码中,没有直接把闭包赋值给数组,而是定义了一个匿名函数,并将立即执行该匿名函数的结果赋给数组。代码中的 num 是最终的函数要返回的值。在调用每个匿名函数时,都传入了变量 i。由于函数参数是按值传递的,所以就会将变量 i 的当前值复制给参数 num。而在这个匿名函数内部,又创建并返回了一个 访问 num 的闭包。
this 对象是在运行时基于函数的执行环境绑定的:在全局函数中,this 等于 window,而当函数被作为某个对象的方法调用时,this 等于那个对象。不过。匿名函数的执行环境具有全局性,因此其 this 对象通常指向 window。
- var name = "The Window";
- var object = {
- name: "My Object";
- getNameFunc: function() {
- return function() {
- return this.name;
- };
- }
- };
- alert(object.getNameFunc()()); //"The Window"
这里为什么匿名函数没有取得外部作用域的 this 对象呢?因为每个函数在被调用时都会自动取得两个特殊变量:this 和 arguments。内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因此永远不可能直接访问外部函数中的这两个变量。
这里需要注意的是,前面提到的闭包有权访问包含函数的所有变量,同此处的区别理解。下面我简单的解释一下:
this 是跟著函式呼叫而产生的,它的范围是以函式为界限,谁 (某物件) 呼叫了这个函式,谁 (某物件) 就是 this,与函式是在全域定义或物件字面定义无关,与呼叫函式是谁才有关。总个来说明,作用域是静态的,但 this 的建立却是动态的。
1.this 一般情况下,指向函数的拥有者。
对 getNameFunc 函式来说,this 的确是 object,也就是说当你的程式码改为下面的写法,就可以获得 object.name,因为此时的 this 相当于 object:
- var object = {
- name:'My Object',
- getNameFunc: function(){
- return this.name;
- }
- }
- alert(object.getNameFunc()()); //"My Object"
2. 在函数自执行里,this 指向的是 window 对象。
当函式中没有明确的呼叫它的对象,在旧的情况下,this 值默认为为 window 物件也就是全域物件,在新的标准中或是用严格模式 (strict code) 时,是 undefined,刚上面说过 this 是以函式为界限。所以你在内部 (巢状) 函式里的下面这个函式呼叫,很明显的它的 this 值必然是默认情况:
- return function() {
- return this.name;
- } ();
当然,如果把外部作用域中的 this 对象保存在一个闭包能够访问到的变量里,就可以让闭包访问该对象了,如下所示:
- var name = "The Window";
- var object = {
- name: "My Object";
- getNameFunc: function() {
- var that = this;
- return function() {
- return that.name;
- };
- }
- };
- alert(object.getNameFunc()()); //"My Object"
另一个特殊变量 arguments 和 this 是相同的使用方法。
来源: http://www.2cto.com/kf/201708/664585.html