1 this的观点
this 在任何情况下都不指向函数的词法作用域。作用域“对象”没法经由过程 JavaScript代码接见，它存在于 JavaScript 引擎内部。
this 是在运行时举行绑定的，并非在编写时绑定，它的上下文取决于函数挪用时的种种前提。this 的绑定和函数声明的位置没有任何关系，只取决于函数的挪用体式格局。
当一个函数被挪用时，会建立一个运动纪录(偶然候也称为实行上下文)。这个纪录会包括函数在那里被挪用(挪用栈)、函数的挪用要领、传入的参数等信息。this 就是纪录的个中一个属性，会在函数实行的过程当中用到。
2 this的绑定
函数的实行过程当中挪用位置怎样决议 this 的绑定对象，绑定划定规矩：
1 默许绑定
function foo(){
console.log(a);
}
var a=2;
foo();foo() 是直接运用不带任何润饰的函数援用举行挪用的，因而只能运用默许绑定，没法运用其他划定规矩。假如运用严厉情势(strict mode)，那末全局对象将没法运用默许绑定，因而 this 会绑定
到 undefined。
2 隐式绑定
挪用位置是不是有上下文对象，或许说是不是被某个对象具有或许包括。当 foo() 被挪用时，它的落脚点确切指向 obj 对象。当函数援用有上下文对象时，隐式绑定划定规矩会把函数挪用中的 this 绑定到这个上下文对象。因为挪用 foo() 时 this 被绑定到 obj，因而 this.a 和 obj.a 是一样的。对象属性援用链中只要最顶层或许说末了一层会影响挪用位置。
function fooo(){
conosle.log(this.a);
}
var obj={
a:2,
foo:foo
};
var obj2={
a:22,
obj: obj
}
obj.foo(); // 2
obj2.obj.foo(); // 2隐式丧失
虽然 bar 是 obj.foo 的一个援用，然则现实上，它援用的是 foo 函数自身，因而此时的bar() 现实上是一个不带任何润饰的函数挪用，因而运用了默许绑定。
当函数被作为参数通报时（如：回调函数），会丧失this，因为参数通报实在就是一种隐式赋值
function foo() {
console.log( this.a );
}
var obj = {
a: 2,
foo: foo
};
var bar = obj.foo; // 函数别号!
var a = "oops, global"; // a 是全局对象的属性
bar(); // "oops, global"3 显式绑定
JavaScript 供应的绝大多数函数以及你本身建立的一切函数都能够运用 call(..) 和 apply(..) 要领。这两个要领是怎样事情的呢?它们的第一个参数是一个对象，它们会把这个对象绑定到this，接着在挪用函数时指定这个 this。因为你能够直接指定 this 的绑定对象，因而我们称之为显式绑定。
function foo(){
console.log(this.a);
}
var obj={a:2};
foo.call(obj); // 2假如你传入了一个原始值(字符串范例、布尔范例或许数字范例)来看成 this 的绑定对象，这个原始值会被转换成它的对象情势(也就是new String(..)、new Boolean(..)或许new Number(..))。这一般被称为“装箱”。
4 new 绑定
运用 new 来挪用函数，或许说发作组织函数挪用时，会自动实行下面的操纵。
- 建立(或许说组织)一个全新的对象。
- 这个新对象会被实行[[原型]]衔接。
- 这个新对象会绑定到函数挪用的this。
- 假如函数没有返回其他对象，那末new表达式中的函数挪用会自动返回这个新对象。
function foo(a) {
this.a = a;
}
var bar = new foo(2);
console.log( bar.a ); // 2运用 new 来挪用 foo(..) 时，我们会组织一个新对象并把它绑定到 foo(..) 挪用中的 this上。new 是末了一种能够影响函数挪用时 this 绑定行动的要领，我们称之为 new 绑定。
3 推断this绑定
注重：假如你把 null 或许 undefined 作为 this 的绑定对象传入 call、apply 或许 bind，这些值在挪用时会被疏忽，现实运用的是默许绑定划定规矩。
那末什么情况下你会传入 null 呢?一种异常罕见的做法是运用 apply(..) 来“睁开”一个数组，并看成参数传入一个函数。类似地，bind(..) 能够对参数举行柯里化(预先设置一些参数)，这类要领偶然异常有效:
function foo(a,b) {
console.log( "a:" + a + ", b:" + b );
}
// 把数组“睁开”成参数
foo.apply( null, [2, 3] ); // a:2, b:3
// 运用 bind(..) 举行柯里化
var bar = foo.bind( null, 2 );
bar( 3 ); // a:2, b:3软绑定会对指定的函数举行封装，起首搜检挪用时的 this，假如 this 绑定到全局对象或许 undefined，那就把指定的默许对象 obj 绑定到 this，不然不会修正 this。
if (!Function.prototype.softBind) {
Function.prototype.softBind = function(obj) {
var fn = this;
// 捕捉一切 curried 参数
var curried = [].slice.call( arguments, 1 ); var bound = function() {
return fn.apply(
(!this || this === (window || global)) ?
obj : this
curried.concat.apply( curried, arguments )
);
};
bound.prototype = Object.create( fn.prototype );
return bound; };
}4 箭头函数
箭头函数并非运用 function 关键字定义的，而是运用被称为“胖箭头”的操纵符 => 定义的。箭头函数不运用 this 的四种规范划定规矩，而是依据外层(函数或许全局)作用域来决议 this。
function foo() {
// 返回一个箭头函数
return (a) => {
//this 继续自 foo()
console.log( this.a ); };
}
var obj1 = { a:2};
var obj2 = { a:3};
var bar = foo.call( obj1 );
bar.call( obj2 ); // 2, 不是 3 !foo() 内部建立的箭头函数会捕捉挪用时 foo() 的 this。因为 foo() 的 this 绑定到 obj1，bar(援用箭头函数)的 this 也会绑定到 obj1，箭头函数的绑定没法被修正。(new 也不可!)
