javascript的方法调用-理解javascript中的this是在普通函数中调用的，指向全局对象

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

javascript中常见的情况有以下三种：

1.在对象的方法中调用，this指向对象

var obj = {
    a: 1,
    getA: function(){
        console.log( this === obj );
    }
}
obj.getA();     //true

2.构造函数中调用，this指向返回的对象

var Person = function(name){
    this.name = name;
};
var person1 = new Person('yiyi');
console.log(person1.name);     //'yiyi'

3.在普通函数中调用，this指向全局对象

当函数不是作为对象的属性来调用时javascript的方法调用，也就是我们常说的普通函数形式，this总是指

到全局对象。

var obj = {
    a: 1,
    getA: function(){
        console.log ( this === obj );   // true
        var innerGet = function(){
            console.log ( this );
        };
        innerGet();     // window{...}
        return innerGet;
    }
};
/*
 * obj.getA 是一个函数，它执行后，即 obj.getA() 返回一个 innerGet 函数
 * 所以 obj.getA()() 这条语句相当于 innerGet()
 * 它没有作为对象的属性被调用，因此是普通函数
 * 也相当于 window.innerGet()
 */
obj.getA()();     // window{...}

在对象的方法中调用javascript的方法调用，this指向该对象

var obj = {
    a: 1,
    getA: (function(){
        console.log ( this === obj );   // true
        var innerGet = function(){
            console.log ( this );
        };
        innerGet();     // window{...}
        return innerGet;
    })()
};
/*
 * obj.getA 是一个立即执行函数，它已经执行并返回了 innerGet 函数
 * 因此这里的 innerGet 函数是作为 obj 对象的方法被调用的
 */
obj.getA();     // obj{...}

我们看一个例子来加深理解：

简化的 Function.prototype.bind 的实现

bind方法的作用是在函数内部指定this点

/*
 * 代码来自《javascript设计模式与开发实践》
 *
 * 为什么这里的 this 指向原函数？
 * 因为 bind 方法作为 function(){...} 对象的调用
 * 在对象的方法中调用，this 指向该对象
 */
Function.prototype.bind = function( context ){
    var self = this;        // 保存原函数
    return function(){      // 返回一个新的函数
        // 执行新的函数的时候，会把之前传入的 context
        // 当作新函数体内的 this
        return self.apply( context, arguments );
    }
};
var obj = {
    name: 'sven'
};
var func = function(){
    alert ( this.name );    // 输出：sven
}.bind( obj );
func();