javascript之闭包的理解

闭包,就是能够访问其他函数内部变量的函数,这是阮前辈说的,具体的可以查看其写的博客:学习javascript闭包,里面已经说的很清楚了。

在这里主要说明的是在阮前辈的博客中留下的问题:

var name = "The Window";
      var object = {
        name : "My Object",
        getNameFunc : function(){
        return function(){
        return this.name;
        };
      }
    };
    alert(object.getNameFunc()());//the window;
首先看object.getNameFunc()执行的结果是返回了一个函数,返回到了外面,这样这一个函数执行的时候,是在外面执行的,因此其调用者是window,如此以来this.name就是window.name所以就是the window;

或者上面的函数也可以写成这样:

		var name = "The Window";
      var object = {
        name : "My Object",
        getNameFunc : function(){
        return function(){
        return this.name;
        };
      }
    };
		var func = object.getNameFunc();
    alert(func());//the window;
		//这样一切都明了了。
那现在变成这样,结果会是什么呢?

		// 如果代码是这样的呢?
		var name = "The Window";
	  var object = {
	    name : "My Object",
	    getNameFunc : function(){
	      var that = this;
	      return function(){
	        return that.name;
	      };
	    }
	  };
    alert(object.getNameFunc()());
结果是My Object,原因跟上面的分析过程差不多,由于object.getNameFunc()执行的时候会返回一个函数function(){return that.name;};再加上是在函数内部定义的,所以
就形成了闭包,这个函数就能够访问父函数内部的局部变量that,当object.getNameFunc()完毕的时候,此时that就是父函数内部的this,而这里的this就指的是object,所以object.name就是 My Object

你可能感兴趣的:(javacsript)