javascript语言精粹学习笔记之函数的四种this调用模式

　　最近在看《javascript语言精粹》，感觉里面很多内容写得特别好，这本书不太适合初学者阅读，而是适合有一定js开发基础的的读者，推荐有基础的又想继续学习javascript的去看看。

　　这里记录并摘抄了一些书中内容，是关于javascript中函数中的this的使用的问题，归纳得很好，如果有对this的使用还比较模糊不是很清楚的可以在此一起讨论学习。

　　调用一个函数会暂停当前函数的执行，传递控制权和参数给新函数。除了声明时定义的形式参数，每个函数还自动接收两个附加的参数：this和arguments。参数this在面向对象编程中十分重要，它的值取决于调用的模式。在javascript中一共有4种调用模式：方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异。

　　调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号。圆括号内可包含零个或多个用逗号隔开的表达式，每个表达式产生一个参数值，每个参数值被赋予函数声明时定义时的参数名。当实际参数（实参arguments）的个数与形式参数（形参parameters）的个数不匹配时不会导致运行时错误。如果实际参数过多了，超出的参数将被忽略。如果实际参数值过少，缺失的值将会被替换为undefined。对参数值不会进行类型检查：任何类型的值都可以被传递给参数。

　　方法调用模式：当一个函数被保存为对象的一个属性时，我们称它为一个方法。当一个方法被调用时，this被绑定到这个对象。如果调用表达式包含一个提取属性的动作（即包含一个 . 点表达式或[subscript]下标表达式），那么它就是被当做一个方法来调用。

//创建myObject对象，他有一个value属性和一个increment方法
//increment方法接受一个可选参数。如果参数不是数字，那么默认使用数字1
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);                  //结果为3

//常见的简单事件绑定就属于这种调用模式
eleNode.onclick = function(){
console.log(this);                    //绑定事件的eleNode
}

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

var sum = add(3,4);                            //sum的值为7，函数调用

　　以此方式调用函数时，this被绑定到全局对象（window？）。这是语言设计上的一个错误，倘若语言设计正确，那么当内部函数被调用时，this应该仍然绑定到外部函数的this变量。这个设计错误的后果就是方法不能利用内部函数来帮助它工作，因为内部函数的this函数被绑定错误的值，所以不能共享该方法对对象的访问权。幸运的是，有一个很容易的解决方案：如果该方法定义一个变量并给它赋值为this，那么内部函数就可以通过那个变量访问到this。按照约定，我把那个变量命名为that：

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

　　构造器调用模式：如果在一个函数前面带上new来调用，那么背地里将会创建一个链接到该函数的prototype成员的新对象，同时，this会被绑定到那个新对象中。

New前缀也会改变return语句的行为。

//创建一个名为Con的构造器函数，它构造一个带有status属性的对象
var Con = function(string){
this.status = string;
};
//给Con的所有实例提供一个名为getStatus的公共方法
Con.prototype.getStatus = function(){
return this.status;
};
//构造一个Con实例。
var myCon = new Con("confused");
document.writeln(myCon.getStatus());         //打印显示"confused"

　　Apply调用模式：apply方法让我们构建一个参数数组传递给调用函数，他也允许我们选择this的值。apply方法接收两个参数，第一个是要绑定给this的值，第二个就是一个参数数组。另一种为Call调用模式，本质上和Apply调用模式是没区别的，只是传递参数的方式有点区别，具体区别可看apply和call方法的讲解。

构造一个包含两个数字的数组，并将它们相加。

var array = [3,4];
var sum = add.apply(null,array);             //sum的值为7
//构造一个包含status成员的对象
var statusObject = {
status: "A-OK"
};
//statusObject并没有继承自Con.prototype，但我们可以在statusObject上调用getStatus方法，尽管statusObject并没有一个名为getStatus的方法
var status = Con.prototype.getStatus.apply(statusObject);            //status值为"A-OK"

　　前辈们教我们的一句话就是，写代码并不难，只要善于归纳、善于总结，了解其中的规律并记住他们然后拿来运用几次就掌握了。第一次写博客在此分享，难免会有不足的地方，虽然大部分都是书中的内容，有不好的希望各位能指出，我会虚心接受学习。