摘要： 箭頭函數也有可能會有BUG...

• 原文：幾種應該避免使用箭頭函數的情況
• 作者：JS菌

Fundebug經授權轉載，版權歸原作者所有。

1. 避免在定義對象方法時使用

箭頭函數雖然因語法簡練受人追捧。但由于沒有 this 會導致在一些情況下出現預想不到的意外情況。

比如在對象中定義一個方法：

this

看起來很完美調用這個方法能夠按照預期，獲得對象的 food 屬性

但如果將其改為箭頭函數：

=

由于箭頭函數自身沒有 this 會導致自動繼承外層的 this 導致打印出的變量出錯，這個 bug 有點坑。。

因此不要在對象方法中使用箭頭函數。

2. 避免在 prototype 上使用

因為沒有 this 導致 this 指向錯誤，所以在定義 prototype 方法上一定記得不要使用箭頭函數

this

3. 避免在需要 arguments 上使用

因為箭頭函數沒有 arguments 因此如果外層是另外一個函數，那么 arguments 是這個外層函數的

function

當然可以使用 rest 操作符獲取對應的參數

4. 避免在動態上下文中的回調函數里使用

如果你需要你的上下文是可變的，動態的，那么不要使用箭頭函數

比如在一個頁面中，我們需要為每一個 p 元素增加一個事件處理函數，那么：

document

改為普通函數才可以正確訪問到預期的 this：

document

5. 避免在需要 caller 的時候使用

因 caller 早已不再是推薦的標準，應該在任何時候都避免使用 caller 這里就不多說了

其他情況下尤其是 map reduce forEach 等并沒有什么復雜的邏輯的時候使用箭頭函數能夠增加閱讀體驗，想必是極好的。

關于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了10億+錯誤事件，付費客戶有Google、360、金山軟件、百姓網等眾多品牌企業。歡迎大家免費試用！

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的箭头函数可被打印却不能调用_5种应该避免使用箭头函数的情况的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。