原文:React之函數中的this指向

我們都知道在React中使用函數時,有兩種寫法,一是回調函數,二是直接調用,但需要在構造函數中綁定this,只有這樣,函數中的this才指向本組件 總結一下沒有綁定this的函數中的this指向 不管是在本組件的元素上調用的函數還是傳遞給子組件的函數,不管有沒有綁定this,它們調用的都是本組件里的函數,即調用函數的this指向的是本組件 例如: class Parent extends Rea ...

2018-11-11 16:16 1 1247 推薦指數:

查看詳情

react事件的this指向

react綁定事件處理函數的this指向一共有三種方法,本次主要總結這三種方式。 項目創建 關於項目的創建方法,在之前的文章中有記錄,這里不再贅述,項目創建成功后,按照之前的目錄結構對生成的項目進行調整,新建一個Home.js組件,並在App.js引入該組件。 Home.js ...

Thu Dec 13 05:32:00 CST 2018 0 2893
箭頭函數的this指向

最近做的項目中遇到了在箭頭函數里使用this時報錯的問題,把箭頭函數的寫法改成function()后,this的指向才達到預期。關於這個問題值得研究一下。 在箭頭函數出現之前的ES5時代,this指向它的調用者。是哪個對象調用了這個屬性或方法,this就指向這個對象。這有 ...

Thu Dec 12 22:23:00 CST 2019 0 358
js函數this的指向

this 在面試,js指向也常常被問到,在開發過程也是一個需要注意的問題,嚴格模式下的this指向undefined,這里就不討論。 普通函數 記住一句話哪個對象調用函數,該函數的this就指向該對象。總指向它的調用者。 obj.getName() 無疑會打 ...

Wed Jan 22 21:10:00 CST 2020 0 258
jsthis指向、箭頭函數

普通函數:this指向分為4種情況,1. obj.getName();//指向obj2.getName();//非嚴格模式下,指向window,嚴格模式下為undefined3. var a = new A(); a();//指向A本身4.getName().apply(obj);//指向 ...

Tue Mar 26 01:52:00 CST 2019 0 1851
JS函數this指向問題

函數this的指向不是由函數定義時確定,而是在調用時才確定 1、定時器內部this指向window,事件處理函數的this指向發生事件的元素event.currentTarget 2、 ES6標准箭頭函數的this指向父執行上下文 箭頭函數內部沒有自身的this,所以繼承定義時 ...

Thu Aug 02 00:07:00 CST 2018 0 1309
普通函數跟箭頭函數this的指向問題

箭頭函數和普通函數的區別如下。 普通函數:根據調用我的人(誰調用我,我的this就指向誰) 箭頭函數:根據所在的環境(我再哪個環境,this就指向誰) 一針見血式總結: 普通函數的this: 1. this總是代表它的直接調用者(js的this是執行上下文), 例如 obj.func ...

Wed Oct 31 01:00:00 CST 2018 0 5736
JavaScript匿名函數this指向問題

this對象是在運行時基於函數執行環境綁定的,在全局函數,this=window,在函數被作為某個對象的方法調用時,this等於這個對象。 但是匿名函數的執行環境是全局性的 這里sayName方法return了一個匿名函數,這個匿名函數this指向window 解決方法 ...

Fri Mar 09 01:05:00 CST 2018 0 4004
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM