2022-10-12【技术】es6中new一个箭头函数会怎样？

new关键字的执行过程：

  1. 首先会在内存中创建一个空对象；
  2. this会指向刚所创建的这个空对象（把构造函数的显示原型（prototype）与这个空对象的隐式原型（proto）链接，即Object.prototype=object.proto）
  3. 执行构造函数中的代码，给空对象添加属性和方法
  4. 返回这个新对象（所以构造函数中不需要return）

箭头函数

箭头函数内的this是静态的，this会指向定义时所在的对象，而不是调用时指向谁，且this指向不可以改变的。

var a=10;
console.log("window.a",window.a);

var id = 10;
const obj = {
  id: 100,
  a() {
    console.log("普通函数", this);
    console.log(this.id);
  },
  b:()=>{
    // this是静态的，this会指向定义时所在的对象(window对象)
    console.log("箭头函数", this);
    console.log(this.id);
    }
  }
obj.a();//100  this指向的是obj
obj.b();//10  this执行window

所以箭头函数不能当做够构造函数来使用。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容