标签：
本文主要总结自《JavaScript 语言精粹》、部分总结自《JavaScript 高级程序设计》以及自己的经验
在 JavaScript 中，this 的值取决于调用模式，有四种调用模式，分别是方法调用模式、函数调用模式、构造器调用模式、Apply、call 调用模式。
当一个函数被保存为对象的一个属性时，我们称它为一个方法。当方法被调用时(通过 . 表达式或 [subscript] 下标表达式)，this 绑定到该对象。
var name = "window",
lzh = {
name: "lzh",
sayName: function(){
alert(this.name); // 输出 "lzh"
}
}
lzh.sayName();当一个函数并非一个对象的属性时，那么它就是被当做一个函数来调用的，以此模式调用函数时，this 被绑定到全局对象。
这是语言设计上的一个错误。倘若语言设计正确，那么当内部函数被调用时，this 应该仍然绑定到外部函数的 this 变量。
这个设计错误的后果是方法不能利用内部函数来帮助它工作。
ECMAScript6 的箭头函数（注意只是箭头函数）基本纠正了这个设计上的错误（注意只是基本上，但不是彻底地纠正了错误）
var name = "window",
lzh = {
name: "lzh",
sayName: function(){
innerFunction();
function innerFunction(){
alert(this.name);
}
return function(){
alert(this.name);
}
}
}
lzh.sayName()();上面这段代码 alert 的均是 window，从上面可以看出，不管外部环境的 this 是不是 window，通过函数调用模式调用的函数，this 指向 window。
来看一段 ES6 箭头函数中的 this (上面提到箭头函数基本纠正了设计上的错误)
var name = ‘window‘;
var lzh = {
name: ‘lzh‘,
sayName: function(){
return ()=> {
console.log(this.name);
}
}
}
var iny = {
name: ‘iny‘
}
lzh.sayName().apply(iny); // 输出 lzh其实转换成 ES5 是这么干的：
var name = ‘window‘;
var lzh = {
name: ‘lzh‘,
sayName: function(){
var _this = this;
return function(){
console.log(_this.name);
}
}
}
var iny = {
name: ‘iny‘
}
lzh.sayName().apply(iny); // lzh但如果ES6 中这么写
var name = "window";
var lzh = {
name: ‘lzh‘,
sayName: () => {
console.log(this.name)
}
}
var iny = {
name: ‘iny‘
}
lzh.sayName(); // window
lzh.sayName.apply(iny); // window转换成 ES5 却是这样的
var name = "window";
var _this = this;
var lzh = {
name: ‘lzh‘,
sayName: function() {
console.log(_this.name)
}
};
var iny = {
name: ‘iny‘
}
lzh.sayName(); // window
lzh.sayName.apply(iny); // window
// 有点失望JavaScript 是一门基于原型继承的语言。这意味着对象可以直接从其他对象继承属性。该语言是无类型的。
当今(书的中文版第一版出版时间是2009年)大多数语言都是基于类的语言。尽管原型继承极富表现力，但它未被广泛理解。
JavaScript 本身对它原型的本质也缺乏信心，所以它提供了一套和基于类的语言类似的对象构建语法。
如果在一个函数前面带上 new 来调用，那么背地里将会创建一个连接到该函数的 prototype 成员的新对象，同时 this 会绑定到那个新对象上
如果构造函数返回的不是对象，则通过 new 调用构造函数返回背地里创建的对象。
var Person = function(name){
this.name = name;
}
Person.prototype.getName = function(){
return this.name;
}
var lzh = new Person("lzh");
console.log(lzh.getName()); // lzh因为 JavaScript 是一门函数式的面向对象编程语言，所以函数可以拥有方法。
每个函数都包含两个非继承而来的方法：apply()和 call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值。首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是 Array 的实例，也可以是arguments 对象。call()方法与 apply()方法的作用相同，它们的区别仅在于接收参数的方式不同。对于 call()方法而言，第一个参数是 this 值没有变化，变化的是其余参数都直接传递给函数。换句话说，在使用call()方法时，传递给函数的参数必须逐个列举出来
function sum(num1, num2){
console.log(this);
return num1 + num2;
}
function callSum1(num1, num2){
return sum.apply(this, arguments); // 传入 arguments 对象
}
function callSum2(num1, num2){
return sum.apply(null, [num1, num2]); // 传入数组
}
function callSum3(num1, num2){
return sum.call(null, num1, num2); // 一个一个地传递参数
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20
alert(callSum3(10,10)); //20从上面的代码可以看出，apply 的第一个参数是一个改变 sum 函数的 this 的值，但这里不论传进去的是 window 还是 null，内部 console.log 出来的都是 window 对象，还可以看出，apply 的第二个参数要么是 arguments、要么是一个数组。call 从第二个参数开始，就要一个一个的传递参数，而不能传递数组或arguments。
单从上面的代码，不能很好的看出 apply、call 的长处，既然 call 能设置 this，那么就能复用其它对象的方法，比如下面这个：
var lzh = {
name: ‘lzh‘,
say: function(something){
alert(something + this.name);
}
}
var iny = {
name: ‘iny‘
}
lzh.say.apply(iny, [‘hi, I am ‘]); // 输出 hi I am inypop，shift, slice 等，操作 arguments 会不大方便，所以我们希望把 arguments 转换成 数组。如果我们大概明白 Array.prototype.slice 的实现原理的话，我们可以利用这个方法将 arguments 转换成数组。Array.prototype.slice = function(start, end){
var newArray = [];
if(start >= 0 && end <= this.length){
for(var i = start; i < end; i++){
newArray.push(this[i]);
}
}
return newArray;
}
var testArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(testArray.slice(0, 2)); // [1, 2]var name = "window",
lzh = function(){
return function(){
//这里是匿名函数，但是 this 的值只有在调用的时候才能确定
alert(this.name);
}
}
var iny = {
name: ‘iny‘,
sayName: lzh()
}
lzh()(); // window
iny.sayName(); // iny从上面可以看出，this 的值在调用的时候决定
var name = "window",
lzh = {
name: "lzh",
sayName: function(){
alert(this.name);
alert(name);
}
}
lzh.sayName();题目1先 alert lzh，再 alert window，alert window 的原因是：sayName 实际上是一个闭包，它的活动对象里有 this(指向 lzh 对象)，但没有 name，所以它往父级作用域链寻找 name， 于是找到了全局作用域的变量对象中的 windw，所以 alert window，如果想了解闭包的更多内容，可以点这里。
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());滑动查看答案：alert 的是 "The Window"
var name = "window",
person = {
name: ‘lzh‘,
getName: function(){
return this.name;
}
}
console.log(person.getName());
console.log((person.getName)());
console.log((person.getName = person.getName)());滑动查看答案：输出顺序：lzh、lzh、window
标签：
原文地址：http://www.cnblogs.com/libin-1/p/5814792.html
