首頁猿問一個關于ES6語法的問題？

一個關于ES6語法的問題？

JavaScript

郎朗坤 2018-07-17 14:02:54

最近在寫React，在定義一個class的方法時，看到了如下fun1和fun2這兩種寫法，用起來都沒有問題?？戳讼氯畲髱煹娜腴T指南，發(fā)現(xiàn)都是fun1這種寫法，那么這兩種寫法有啥區(qū)別呢？class MyClass { name = 1; fun1() { console.log(this.name); } fun2 = () => { console.log(this.name); } }

查看完整描述

2 回答

Qyouu

TA貢獻1786條經(jīng)驗獲得超11個贊

寫代碼最主要的是，實現(xiàn)功能即可。

這兩種寫法，你需要理解的只有兩點，this的指向 和 箭頭函數(shù)和普通函數(shù)this的區(qū)別。

1.普通函數(shù)，this是在函數(shù)執(zhí)行時候才確定的。誰調用這個函數(shù)，this指向誰，或者，手動call，apply指定this，或者bind生成一個指定了this的未調用函數(shù)。
2.箭頭函數(shù)，this是在函數(shù)聲明的時候，代碼解析到聲明表達式的時候，這時候this是誰就是誰。類似于普通函數(shù)+bind。

應用場景，個人覺得遇到的最多的情況，就是把A中有this的函數(shù)fn傳到別的地方，在非作用域為A的情況下調用函數(shù)fn。這時候，可能你希望的是fn中的this指向的是A。這就需要你在A中聲明時候聲明成箭頭函數(shù)，或者傳遞時候傳遞的是fn.bind(A)。

不只是React，我沒用過React。這個知識點應該是js的語言特性，任何框架里面都是一樣的。

反對回復 2018-07-20