箭头函数与普通函数的区别

说到箭头函数和普通函数的区别，大家都一定会觉得这是一道高频面试题，但许多人其实对它们的理解还不够到位，今天我就来帮大家打造一个更清晰的认知。

01 

【从定义方式来看】

【普通函数】

定义普通函数的方式通常有函数声明和函数表达式：

【箭头函数】

箭头函数是普通函数的语法糖（使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会），书写要更加简洁：

02

【从this指向来看】

【普通函数】

严格模式下，this指向undefined：

非严格模式下，this指向window：

谁调用函数，函数内部的this就指向谁：

普通函数中的this指向是动态的：

从上面的例子可以看出，fn函数中的this本应指向window，后面我们通过bind方法将函数的this指向改变为了obj对象，所以打印出obj。

可以看出，普通函数的this指向可以通过bind、call、apply等方法进行改变，this指向是动态的。

【箭头函数】

无论是严格模式还是非严格模式下，this始终指向window：

箭头函数没有自己的执行上下文，this指向是在定义函数时就被确定下来的，箭头函数中的this，永远指向外层作用域中最接近自己的普通函数的this：

从上面的例子中可以看出，普通函数fn作为obj的属性被调用，谁调用普通函数，那么函数中的this就指向谁，所以fn的this指向obj。

fn函数内部有一个箭头函数test，test没有自己的this，它的this指向外层作用域中最接近自己的普通函数的this，所以test中的this也指向obj。

箭头函数会忽略任何形式的this指向的改变（bind、call、apply等方式无法改变箭头函数的this指向），箭头函数的this指向是静态的：

03

【从构造函数来看】

【普通函数】

通过new关键字调用普通函数（作为构造函数），this指向被创建出来的对象实例：

【箭头函数】

箭头函数不能当做构造函数来使用：

04

【从arguments对象来看】

【普通函数】

在普通函数中，arguments是类数组对象，保存着函数执行时传入的参数：

【箭头函数】

箭头函数没有arguments：

05

【补充】

• 箭头函数没有prototype属性
• 箭头函数不能当做Generator函数，不能使用yield关键字
• 箭头函数不能被new关键字调用，不具有new.target

阅读原文

了解老九学堂暑期线下就业班详情