函数中的this

this是在函数被调用时绑定的，指向取决于函数在哪被调用。

1.隐式绑定
对象属性引用链中只有在最后一层调用位置起作用。

// 例：
function foo(){
  console.log(this.a);
}
var obj2 = {
  a:42,
  foo:foo
}

var obj1 = {
  a:2,
  obj2:obj2
}

obj1.obj2.foo()  // 42

2.隐式丢失

// 例
function foo(){
  console.log(this.a);
}
var obj = {
  a:2,
  foo:foo
}
var bar = obj.foo  // bar仅引用foo函数，与obj无关,其中的this指向全局
var a = 'hello'
bar()   // hello

3.显式绑定/硬绑定
即通过call(),apply(),bind()绑定，硬绑定后不能再修改它的this。
api调用的上下文：第三方库的许多函数都提供了一个可选参数，确保你的回调函数使用指定的this：

// 例 默认this指向
  var a = '全局的a'
    const obj = {
      a:'hello',
      b:'xixi'
    };
    [1,2,3].forEach(function(item){
      console.log(this.a);   // 全局的a
    });

// 修改回调函数指定的this
    var a = '全局的a'
    const obj = {
      a:'hello',
      b:'xixi'
    };
    [1,2,3].forEach(function(item){
      console.log(this.a); // hello
    },obj);

4.new绑定
我们常说的“构造函数”其实只是普通函数而已，当用new来调用，这种函数被称为构造函数调用。
使用new来调用函数（或者说发生构造函数调用时），会自动执行下面的操作：
①创建（或说构造）一个全新的对象；
②对该对象会被执行[[prototype]]链接;
③该对象会绑定到“构造函数”（new表达式中的函数）的this；
④如果该“构造函数”（new表达式中的函数）没有返回其它对象，则返回第一步创建的全新对象。

 function foo(a){
      this.a = a
    }
    const bar = new foo('我是实参a')
    console.log(bar.a);  // 我是实参a。 

5.优先级
注：new 和 call、apply、bind无法一起使用。
new > 显示绑定/硬绑定>隐式绑定>默认绑定 ；
call、apply、bind第一个参数传null、undefined时被忽略；
Object.create(null) 会创建一个不带Object.prototype委托的空对象，它比null更空。

• 箭头函授
  箭头函数不使用this的标准规则，而是根据外层作用域来决定this，箭头函数的this无法被修改。
  箭头函数与普通函数的区别：
  ① 箭头函数是匿名函数，普通函数可匿名可具名;
  ② 箭头函数不能用于构造函数调用，不可用new;
  ③ 箭头函数内部没有this,它是继承外层函数调用的this绑定；
  ④ 箭头函数内部没有arguments，取而代之用rest：

   let a = function () {
      console.log(arguments);
    }
    a('哈哈', '嘻嘻'); // Arguments(2) ['哈哈', '嘻嘻', callee: ƒ, Symbol(Symbol.iterator): ƒ]

    let b = () => {
      console.log(arguments);
    }
    b(); // Uncaught ReferenceError: arguments is not defined

    let c = (...rest) => {
      console.log(rest);
    }
    c({a: 'hello', b: 'hi'}); // [ {a: 'hello', b: 'hi'}]

⑤ 箭头函数没有prototype原型对象；
⑥ 箭头函数没有super;
⑦ 箭头函数不能Generator函数，不能使用yeild关键字；
⑧ 箭头函数不具有new.target。