標題是某大佬入職鵝廠的面試題，這里借題聊聊箭頭函數。
前幾天學習的時候，我寫過關于this指向的問題，得出的結論是：this永遠指向函數的調用者。但是在箭頭函數中，this指向的是定義時所在的對象，而不是使用時所在的對象。換句話說，箭頭函數沒有自己的this，而是繼承父作用域中的this。
看個例子:
var person = {
name:'張三',
age:18,
getName:function(){
console.log('我的名字是：'+this.name)
},
getAge:()=>{
console.log('我的年齡是：'+this.age)
}
}
person.getName() // 我的名字是張三
person.getAge() // 我的年齡是undefined
person.getName()中this指向函數的調用者，也就是person實例，因此this.name = "張三"。
getAge()通過箭頭函數定義，而箭頭函數是沒有自己的this，會繼承父作用域的this，因此person.getAge()執行時，此時的作用域指向window，而window沒有定義age屬性，所有報undefined。
從例子可以得出：對象中定義的函數使用箭頭函數是不合適的。
先解答下標題問題，為啥箭頭函數不能作為構造函數？
// 構造函數生成實例的過程
function Person(name,age){
this.name = name
this.age = age
}
var p = new Person('張三',18)
//new關鍵字生成實例過程如下
// 1. 創建空對象p
var p = {}
// 2. 將空對象p的原型鏈指向構造器Person的原型
p.__proto__ = Person.prototype
// 3. 將Person()函數中的this指向p
// 若此處Person為箭頭函數，而沒有自己的this，call()函數無法改變箭頭函數的指向，也就無法指向p。
Person.call(p)
構造函數是通過new關鍵字來生成對象實例，生成對象實例的過程也是通過構造函數給實例綁定this的過程，而箭頭函數沒有自己的this。創建對象過程，new 首先會創建一個空對象，并將這個空對象的__proto__指向構造函數的prototype，從而繼承原型上的方法，但是箭頭函數沒有prototype。因此不能使用箭頭作為構造函數，也就不能通過new操作符來調用箭頭函數。
下面看看箭頭函數其他需要注意的點：
- 不支持call()/Apply()函數特性
call()/apply()函數的作用是改變被調用函數中this的指向。但是箭頭函數沒有自己的this，而是繼承父作用域中的this，所以這兩函數沒法改變箭頭函數的指向。
var Person = {
name:'張三',
getName:function(arg){
let fun = v=>v+this.name
let boy = {
name:'李四'
}
// call函數綁定boy實例
return fun.call(boy,arg)
}
}
Person.getName('我是') // 我是張三
例子中，倘若箭頭函數執行fun.call(b,arg)成功改變this的指向，此時應當輸出的是：“我是李四”，但實際上輸出的是：“我是張三”，由此可以call函數并沒有成功改變箭頭函數fun內部this的指向。
- 不綁定arguments
var fun = ()=>{
console.log(arguments)
}
fun(1) // 報錯：ReferenceError: arguments is not defined
// 解決辦法
var fun = (...args)=>{
console.log(args)
}
fun(1) // 輸出：[1]
- 沒有prototype屬性
var fun = ()=>{}
fun.prototype // undefined
- 原型函數不能定義成箭頭函數
function Person(name){
this.name = name
}
// 原型函數使用箭頭函數，其中的this指向全局對象，而不會指向構造函數
// 因此訪問不到構造函數本身，也就訪問不到實例屬性
Person.prototype.say = ()=>{console.log(this.name)}
