首頁猿問在react/es6...

在react/es6 如何分辨需要bind和不需要

JavaScript

慕妹3242003 2019-05-23 19:22:17

你好，正在學(xué)習(xí)react和es6.我也有上去爬過之前的帖子，但是還是無法搞清楚以下是我遇到問題稍微描述：classExampleextendsReact.Component{getTitle(){...}render(){return()}}classExample2extendsReact.Component{contructor(){super();this.handle=this.handle.bind(this);}handle(){...}render(){return({this.handle()}//綁定當(dāng)前instance)}}為什麼有些需要綁定函數(shù)，有些不用？要如何分辨？謝謝（新手）

查看完整描述

2 回答

慕碼人2483693

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

其實上面回答的就是答案了。詳細點說，當(dāng)一個函數(shù)在不同context執(zhí)行時，往往this的指向都會不同，例如在setTimeout里的函數(shù)通常都會指向全局。所以為了確保this的指向如我們所要的一樣，就要把函數(shù)的this綁定我們所要的context的this。簡單來說，當(dāng)你這個函數(shù)會用到this，或者this會影響你的函數(shù)的，都需要綁定context。

反對回復(fù) 2019-05-23

慕田峪4524236

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

就React的話，如果你使用es6的語法構(gòu)建組件，那么在你組件里寫的函數(shù)在構(gòu)造器里都需要手動綁定this，如果使用es5的React.createClass()創(chuàng)建組件，this反而會自動綁定為當(dāng)前組建實例。手機回答的，格式不太標(biāo)準(zhǔn)，明天再修改格式。

反對回復(fù) 2019-05-23