js中this的用法

js中this的四种使用方法

js中this的四种调用模式

• 方法调用模式
• 函数调用模式
• 构造器调用模式
• apply、call、bind调用模式

第一种：方法调用模式

方法调用，也就是用打点，this就是这个对象本身
当一个函数被保存为一个对象的一个属性时，我们称他为一个方法，当一个方法被调用时，this被绑定到该对象，如果一个调用表达式包含一个属性表达式（即一个打点表达式或者[subscript]下标表达式）纳闷它被当作一个方法调用

var myObject={
    value:0,
    increment:function(inc){ 
       this.value+=typeof inc ==='number'?inc:1;
    }
}
myObject.increment();
document.writeln(myObject.value);   //1
myObject.increment(2);
document.writeln(myObject.value);   //2

方法可以使用this去访问对象，所以它能从对象中取得或修改对象
this到对象的绑定发生在调用它的时候，这个超级”迟绑定“使用函数可以对this高度复用，通过this可取得它们所属对象上下文的方法称为公共方法。

第二种：函数调用模式

当函数并非一个对象的属性时，那么它被当做一个函数来调用：

var sum=add(1,1);

当函数以这些模式去调用时，this被绑定到全局对象，这是语言设计上的一个错误，如果语言设计正确，当内部函数被调用时，this应该仍绑定到外部函数的this对象，这个错误设计的后果就是方法不能利用内部函数来帮助它工作，内部函数被绑定了错误的值，不能共享该方法对象的访问权，有一个很容易的解决方法：如果该方法定义一个变量并给他赋值为this，那么内部函数就可以通过这个变量来访问this

//给myObject增加一个方法
myObject.double=function (){
    that=this;
    var helper=function (){
        that.value=add(that.value,that.value);
    }
    helper();
}
//以方法的形式来调用double
myObject.doube();
document.writeln(myObject.value);   //2

第三种：构造函数调用模式

var Class=function (){
    this.value=100;
}
var class=new Class();
console.log(class.value);  //100

通过new关键字来调用构造函数，此时this会绑定在该新对象上（也就是这个示例对象上）

第四种：apply、call、bind调用模式：指定绑定对象

var myObject={value:100};
var foo=function(){
    console.log(this);
}
foo();  //window
foo.apply(myObject); //{value:100}
foo.call(myObject);  //{value:100}
var newfoo=foo.bind(myObject); 
newfoo();            //{value:100}

apply()方法接受两个参数，第一个是函数运行时的，另一个时参数的数组
call()方法接受两个参数，第一个是函数运行时的，另一个时参数列举出来
call方法更接近我们平时的调用函数，而apply需要我们传递Array形式的数组作为参数，它们可以相互转化