2019-06-19 js中this，箭头函数注意事项

• this既不指向函数自身,也不指向函数的词法作用域
• this实际上是在函数被调用时发生的绑定，它指向什么全完取决于函数被调用的位置。
this 永远指向最后调用它的那个对象

call，apply 和 bind
区别与注意事项
三个函数存在的区别, 用一句话来说的话就是: 
  bind是返回对应函数, 便于稍后调用; 
  apply, call则是立即调用. 
  bind是ES5 新增的一个方法，它的传参和call类似，但又和 call/apply 有着显著的不同，即调用 call 或 apply 都会自动执行对应的函数，而 bind 不会执行对应的函数，只是返回了对函数的引用。
  除此外, 在 ES6 的箭头函数下, call 和 apply 的失效, 对于箭头函数来说:

this只有4种情景：
  1.纯粹的函数调用,this指向window
  2.对象方法调用,必须是a.b()或a [ "b" ]()这种形式调用，this指向对象
  3.构造函数调用，new Foo() 时，会自动生成一个空对象并返回，this指向这个新生成的空对象
  4.call,apply,bind，this可以随意指定。


ES6，箭头函数 (=>)注意点
  1.函数体内的 this 对象, 就是定义时所在的对象, 而不是使用时所在的对象;
  2.不可以当作构造函数, 也就是说不可以使用 new 命令, 否则会抛出一个错误;
  3.不可以使用 arguments 对象, 该对象在函数体内不存在. 如果要用, 可以用 Rest 参数代替;（下面就是例子：...theArgs就是 Rest 参数）
    function(a, b, ...theArgs) {
      // ...
    }
  4.不可以使用 yield 命令, 因此箭头函数不能用作 Generator 函数;