骚人文客-WEB前端学习笔记

WEB前端学习笔记 1

• this指向
  在前端的面试中，this 指向与面向对象是必考题，也是日常开发中绕不开的话题，很多前端老鸟也会在this 指向这里掉坑。

  1.[this最终指向的是调用它的对象]
  2.[函数被多层对象所包含，如果函数被最外层对象调用，this指向的也只是它 上一级的对象]
  3.[构造函数中的this指向的是实例对象]
  4.[如果构造函数中有return如果return的值对象， this指向返回的对象， 如果不是对象，则this指向保持 原来的规则， 在这里，

• 箭头函数

  箭头函数本身是没有this和arguments的，在箭头函数中引用this实际上调用的是定义是的上层作用域的this. 这里强调一下是上层作用域， 因对对象是不能形成独立的作用域的。

• 如何改变this指向
  普通函数才能修改指向 （箭头函数不可以，在箭头函数刚创建开始就已经指明方向）
  1.call fn.call(box,a,b,c);//传参
  2.apply fn.apply(box,[a,b,c]); // 传参为数组
  3.bind fn.bind(box)(); //不会执行 需要重新执行方法