JavaScript中的this

两个例子：

　　var name = "The Window";

　　var object = {

　　　　name : "My Object",

　　　　getNameFunc : function(){

　　　　　　return function(){

　　　　　　　　return this.name;

　　　　　　};

　　　　}

　　};

    console.log(object.getNameFunc());//function(){return this.name;}

　　console.log(object.getNameFunc()());//The Window。上行的函数作为单纯函数调用时（单纯执行return this.name），this指向全局对象（严格模式时，为undefined）

 

　　var name = "The Window";

　　var object = {

　　　　name : "My Object",

　　　　getNameFunc : function(){

　　　　　　var that = this;

　　　　　　return function(){

　　　　　　　　return that.name;

　　　　　　};

　　　　}

　　};

    console.log(object.getNameFunc());//function(){return that.name;}

　　console.log(object.getNameFunc()());//My Object。函数作为对象的方法调用时（调用that），this指向该对象。

 总结：

　　var name = "The Window";

　　var object = {

　　　　name : "My Object",

　　　　getNameFunc : function(){

           console.log(this==object); //true

　　　　　　return function(){

              console.log(this); //Window

　　　　　　　　return name; //"The Window"

　　　　　　};

　　　　}

　　};

　　console.log(object.getNameFunc()());//"The Window"

结合闭包

var myObject=(function(){
    console.log(this); //Window
    var _name='sven'; //私有变量
    var pp='55';
    return{ //公开方法
        pp:'66',
        getName:function(){
            console.log(this==myObject); //true
            return _name;
        }
    }
})();
console.log(myObject);//{pp:'66',getName:function(){return _name;}


//单纯地提取出myObject里面的值：
console.log(myObject.pp);//66
console.log(myObject.getName);//function (){return _name;}
console.log(myObject._name);//undefined  不存在的






//执行return _name
console.log(myObject.getName());//sven  通过return读取私有变量

 

如果在公开方法里添加_name

var myObject=(function(){
    console.log(this);//Window
    var _name='sven'; //私有变量
    var pp='55'; //私有变量
    return{ //公开方法
        pp:'66',
        _name:'jack',
        getName:function(){
            console.log(this==myObject); //true
            return _name;
        }
    }
})();
console.log(myObject);//{pp:'66',_name:'jack',getName:function(){return _name;}


//单纯地提取出myObject里面的值：
console.log(myObject.pp);//66
console.log(myObject.getName);//function (){return _name;}
console.log(myObject._name);//jack  
//结论：总是会单纯地返回 return得到的myObject里面的属性






//执行return _name
console.log(myObject.getName());//sven  
//如果第一行的私有变量_name未赋值，这里也会变成undefined，所以return _name总是返回私有变量的_name，与其他地方（return里面）的_name无关

如果使用this

var myObject=(function(){
    console.log(this);//Window
    var _name='sven'; //私有变量
    var pp='55'; //私有变量
    return{ //公开方法
        pp:'66',
        _name:'jack',
        getName:function(){
            console.log(this==myObject);//true
            return this._name;
        }
    }
})();
//只是function里加多了this,其他与上面的结论没什么变化
console.log(myObject);//{pp:'66',_name:'jack',getName:function(){return this._name;}
console.log(myObject.pp);//66
console.log(myObject.getName);//function (){return this._name;}
console.log(myObject._name);//jack  


//执行return _name
console.log(myObject.getName());//jack  this指向return回来的那个object,其实也就是myObject，只不过私有变量全部隐藏，只有return到的值（object）
//同样地，如果里面的_name:'jack'不存在（未定义），结果就会是undefined
//结论：绑定this后，myObject.getName()等价于myObject._name

 

 

 

 this的使用

情况一：纯粹的函数调用

　　var x = 1;

　　function test(){

　　　　this.x = 0;

　　}

　　test(); //window调用test函数，所以this指的就是window

　　console.log(x); //0

 

情况二：作为对象方法的调用

　　function test(){

　　　　console.log(this.x);

　　}

　　var myObject = {

        x:1,

        y:test

    };

    myObject.y(); // 1

 

情况三：apply调用

    var x=0;

　　function test(){

　　　　console.log(this.x);

　　}

　　var myObject = {

        x:1,

        y:test

    };

　　    myObject.y.apply();//0

    //apply()的参数为空时，默认调用全局对象

    myObject.y.apply(myObject); //1

 

情况四：作为构造函数调用

　　function test(){

　　　　　this.x = 1;

　　}

　　var myExample = new test();

　　console.log(myExample.x); // 1