在绝大多数情况下，函数的调用方式决定了this的值

function f1() {console.log(this);
}
// 在浏览器环境
f1();//window// 在Node环境
f1();//global

function f2() {'use strict';console.log(this);
}
f2(); //undefined

// 如果想把this的值从一个环境传到另一个，就可以调用call()或者apply()方法
var o = {a: 'Customs'
};
var o1 = {a: 'Customs1'
};
var o2 = {a: 'Customs2'
};
var a = 'Global';
function whatThis(arg) {console.log(this.a);
}whatThis(); //Global
whatThis.call(o); //Customs
whatThis.apply(o); //Customs
whatThis.call(o1); //Customs1
whatThis.apply(o1); //Customs1
whatThis.call(o2); //Customs2
whatThis.apply(o2); //Customs2

强制指向，即改变函数的调用对象

两者有何异同？

apply(thisObj,[argsArray])

call(thisObj,arg1,arg2,arg3)

call()与apply()方法类似，区别就是接受的参数形式不一样

apply()接受的是数组;call()接受的是以逗号分隔的参数

使用 call 和 apply 函数的时候要注意，如果传递给 this 的值不是一个对象，JavaScript 会尝试使用内部 ToObject 操作将其转换为对象。

因此，如果传递的值是一个原始值比如 7 或 'foo'，那么就会使用相关构造函数将它转换为对象，所以原始值 7 会被转换为对象，像 new Number(7) 这样，而字符串 'foo' 转化成 new String('foo') 这样，

function bar() {console.log(Object.prototype.toString.call(this));
}//原始值 7 被隐式转换为对象
bar.call(7); // [object Number]

var x4 = 44;
function f4() {console.log(this.x4); //{x:55,say:f4} this指向o4
}
var o4 = {};
o4.x4 = 55;
o4.say = f4;
o4.say(); // 55

var x5 = 56;
var o5 = {x5: 66,f5: function() {    console.log(this)  // {x5:66,f5:f} this指向o5

// console.log(this.x5);//66

    return this.x5;}
};console.log(o5.f5()); //66

对于原型链上某处定义的方法，同样也适用， 如果该方法存在于对象的原型链上，那么this的指向的是调用该方法的对象

var oo = {f: function() {return this.a + this.b;}
};var p = Object.create(oo);
p.a = 1;
p.b = 2;
console.log(p.f()); // 3
// 解析：对象p没有自己的f属性，该属性继承自原型，
// 对于f的查找过程中，最终在对象oo中找到f属性，查找的过程是p.f的引用开始的，所以this指向p
// 也就是说，因为f是作为p的方法调用的，所以this指向p

function sum() {console.log(this); //{a: 1,average: 2,b: 2, c: 3,sum: 6}return this.a + this.b + this.c;
}
var oo1 = {a: 1,b: 2,c: 3,get average() {console.log(this);//{a: 1,average: 2,b: 2, c: 3,sum: 6}return (this.a + this.b + this.c) / 3;}
};Object.defineProperty(oo1, 'sum', {get: sum,enumerable: true,configurable: true
});console.log(oo1.average, oo1.sum); // 2,6

function Test() {this.x = 3;
}
var obj1 = new Test();
console.log(obj1.x); // 3
// 解析：this指向Test的实例，即obj1
obj1.x = 5;
console.log(obj1.x); // 5

var a3 = 'Global';
function f3() {console.log(this.a3); //zhangsanreturn this.a3;
}var g = f3.bind({ a3: 'zhangsan' });
console.log(g()); // zhangsanvar h = g.bind({ a3: 'haha' }); // bind只生效一次，再次修改也不会生效
console.log(h()); // zhangsanvar o3 = {a3: 37,f3: f3,g: g,h: h
};
console.log(o3.f3(), o3.g(), o3.h()); // 37,"zhangsan","zhangsan"

参考：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this

http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html