箭头函数为什么不能当做构造函数

箭头函数为什么不能当做构造函数

定义：

构造函数：

专门用来生成实例对象的函数（本质还是一个函数）

箭头函数：

ES6的一种新语法，允许使用 “=>” 定义函数

例如：

let func = (a,b) =>{
	return a + b;
}
func(1,2);
可简写为
let func = (a,b) => a + b;

那么，普通函数和箭头函数有什么区别呢

最大的区别在于this的指向问题（严格来说，其实箭头函数没有自己的this）

一、

1、普通函数的this，是谁调用这个函数，这个函数的this就指向谁
2、箭头函数没有this，this始终沿着作用域链向上找（定义时决定，而不是执行时决定）

二、

箭头函数没有绑定arguments对象，可以使用rest代替

function A(a) {
	 console.log(arguments);// [1, 2, 3, 4, 5, callee: ƒ, Symbol(Symbol.iterator): ƒ]
	}
A(1, 2, 3, 4, 5);

let B = (b) => {
console.log(arguments);// Uncaught ReferenceError: arguments is not defined
}
B(1, 2, 3, 4, 5);

 let C = (...c) => {
 console.log(c);// [1, 2, 3, 4, 5]
 }
C(1, 2, 3, 4, 5);

三、

不能执行yield语句，不能作为generator函数

四、

箭头函数没有原型

var a = ()=>{
return 1;
}
function b(){
return 2;
}
console.log(a.prototype);  // undefined
console.log(b.prototype);   // {constructor: ƒ}

五、

箭头函数不能通过call()或apply改变this指向

var obj1 = {w:10}
var w = 69;
let f = ()=>{console.log(this.w)}
f();
f.call(obj1);

解释——箭头函数为什么不能当做构造函数：

一句话解释：

因为箭头函数没有 [ [Construct] ] 方法
和ES6的类的概念有点像，如果一个类没有定义constructor，直接new也会报错

进一步解释：

1. 没有caller，就无法确定上下文
2. 没有arguments
3. 没有prototype

下面模拟一下new的过程：

function myNew(fn, ...args) {
  // 创建一个空对象
  const obj = {};
  // 将该对象的 __proto__ 属性链接到构造函数原型对象
  // 缺少fn.prototype
  obj.__proto__ = fn.prototype;
  // 将该对象作为 this 上下文调用构造函数并接收返回值
  // 没有自己的this
  // call()函数无法改变箭头函数的指向
  const res = fn.apply(obj, args);
  // 如果返回值存在并且是引用数据类型，返回构造函数返回值，否则返回创建的对象
  return typeof res === "object" ? res : obj;
}

可见缺少三个中的一个都不行，而刚好箭头函数都没有