亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

一個關于ES6語法的問題?

一個關于ES6語法的問題?

郎朗坤 2018-07-17 14:02:54
最近在寫React,在定義一個class的方法時,看到了如下fun1和fun2這兩種寫法,用起來都沒有問題。看了下阮大師的入門指南,發現都是fun1這種寫法,那么這兩種寫法有啥區別呢?class MyClass {     name = 1;     fun1() {        console.log(this.name);     }     fun2 = () => {        console.log(this.name);     } }
查看完整描述

2 回答

?
Qyouu

TA貢獻1786條經驗 獲得超11個贊

寫代碼最主要的是,實現功能即可。

這兩種寫法,你需要理解的只有兩點,this的指向 和 箭頭函數和普通函數this的區別。

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

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

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


查看完整回答
反對 回復 2018-07-20
  • 2 回答
  • 0 關注
  • 808 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號