首頁猿問 onClick={() =>...

onClick={() => functionHere} 與 onClick

JavaScript

手掌心 2023-10-14 11:13:13

快速問題：以下之間的主要區(qū)別是什么：onClick = {() => functionHere}和：onClick = {functionHere}我真的很困惑，因為有時() =>可以工作，有時我需要將其刪除，然后單獨使用functionHere。多謝！編輯函數(shù)這里是這樣的：const functionHere = () => { console.log("called") // some codes here}

查看完整描述

2 回答

守候你守候我

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

我相信這只是用語言思考你在做什么的問題。

想想這樣：functionHerevs functionHere()。有什么不同？沒有括號，它是對函數(shù)的引用，而有括號，它是函數(shù)執(zhí)行器。

現(xiàn)在，就像 @merlin 所說，如果你這樣做，() => functionHere你就是在聲明一個返回引用的函數(shù)，而不是一個執(zhí)行器（無論如何，這應該不是很常見）。在這種情況下，onClick 將不起作用，因為不會調用執(zhí)行器。

比較常見的是這個() => functionHere()。這將返回執(zhí)行器，這意味著當調用 onClick 事件時，functionHere 將實際運行（因為執(zhí)行器）。

將引用直接傳遞到onClick工作中，因為它是為在函數(shù)傳遞給它的任何地方運行而構建的。因此傳遞引用總是有效的，而傳遞返回引用的函數(shù)則不行?？?？

另外， 如果您不需要控制傳遞哪些道具，只需使用引用即可。如果您想對道具進行一些控制，請使用箭頭功能(name) => functionHere(name)

反對回復 2023-10-14

桃花長相依

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

() => functionHere執(zhí)行時返回該函數(shù)functionHere，這意味著它與 just 相同functionHere。

由于您沒有執(zhí)行它，所以當您將值分配給沒有鍵的對象時，應該會拋出語法錯誤。

為了避免不必要的函數(shù)執(zhí)行，你應該這樣寫

onClick?=?{functionHere}

請注意，這是有效的，因為 ES6 中引入了簡寫文字表示法，這使得它相當于

onClick?=?{funcitonHere:?functionHere}

反對回復 2023-10-14

2 回答
0 關注
163 瀏覽

關注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

onClick={() => functionHere} 與 onClick

onClick={() => functionHere} 與 onClick

2 回答

添加回答