this 的指向问题

this的指向，如何改变this的指向

1.默认绑定

1.foo()函数直接调用，不带任何修饰的函数引用进行调用，因此采用默认绑定，此时this指向window对象，无法应用其他规则。在非 strict mode 下时，默认绑定才能绑定到全局对象,严格模式下 this 绑定在undefined。

2隐式绑定

2.需要考虑的规则是调用位置是否有上下文对象，或者说是否被某个对象拥有或者包含。当函数引 用有上下文对象时，隐式绑定规则会把函数调用中的 this绑定到这个上下文对象，因为调 用 foo() 时 this 被绑定到 obj，因此 this.a 和 obj.a 是一样的。

3显示绑定或者硬绑定--call,apply,bind直接指定this的绑定对象

call() apply() bind()直接指定 this 的绑定对象，但是如果你把 null 或者 undefined 作为 this 的绑定对象传入 call、apply 或者 bind，这些值 在调用时会被忽略，实际应用的是默认绑定规则。foo.call( obj );以在调用 foo 时强制把它的 this 绑定到 obj 上。
foo.call(obj);this绑定到obj上并执行了foo()方法
foo.apply(obj);this绑定到obj上并执行了foo()方法
foo.bind(obj);this绑定到obj上没有执行了foo()方法需要接收之后才能执行
如： let fo=foo.bind(obj); fo.foo();

1 call的语法：函数名.call(obj,参数1,参数2,参数3……);
2 apply的语法：函数名.apply(obj,[参数1,参数2,参数3……]);
这两个东西功能相同，就是把一个函数里面的this设置为某个对象，区别就是后面的参数的语法。call需要使用逗号分隔列出所有参数，但是apply是把所有参数写在数组里面。需要注意的是即使只有一个参数，也必须写在数组里面。

4new绑定

包括内置对象函数（比如 Number(..)）在内的所有函数都可 以用 new 来调用，这种函数调用被称为构造函数调用。
使用 new 来调用函数，或者说发生构造函数调用时，会自动执行下面的操作。

1. 创建（或者说构造）一个全新的对象。

2. 这个新对象会被执行 [[ 原型 ]] 连接。 

3. 这个新对象会绑定到函数调用的 this。

4. 如果函数没有返回其他对象，那么 new 表达式中的函数调用会自动返回这个新对象

new 来调用 foo(..) 时，我们会构造一个新对象并把它绑定到 foo(..) 调用中的 this 上。

5.绑定的优先和一些特殊情况。

　　判断优先级：
（1）函数是否在 new 中调用（new 绑定）？如果是的话 this 绑定的是新创建的对象。
var bar = new foo()
（2）函数是否通过 call、apply（显式绑定）或者硬绑定调用？如果是的话，this 绑定的是 指定的对象。
var bar = foo.call(obj2)
（3）函数是否在某个上下文对象中调用（隐式绑定）？如果是的话，this 绑定的是那个上 下文对象。
var bar = obj1.foo()
（4）如果都不是的话，使用默认绑定。如果在严格模式下，就绑定到 undefined，否则绑定到window 全局对象。
var bar = foo()

6箭头函数

ES6 中的箭头函数并不会使用四条标准的绑定规则，而是根据当前的词法作用域来决定this，具体来说，箭头函数会继承外层函数调用的 this 绑定（无论 this 绑定到什么）。 箭头函数this是在定义的时候就绑定了，指向外层的代码块

点击查看代码

 var a=1
 function foo(){
     var a=3
     console.log(this.a)//这里的this 指向的window全局对象
  }
 foo()//1
 var obj={a:100,foo:foo}
 obj.foo()//100 此时this指向obj对象

 //1.特殊情况 间接绑定
 function foo() { console.log( this.a ); }
 var a = 2;
 var o = { a: 3, foo: foo };
 var p = { a: 4 }; 
 o.foo(); // 3 
 (p.foo = o.foo)(); // 2
 赋值表达式 p.foo = o.foo 的返回值是目标函数的引用