在 React 組件中，函數定義方式影響this指向的核心原因是箭頭函數與普通函數的作用域綁定規則不同，具體差異如下：?
1. 普通函數（function定義）需要手動bind(this)的原因?
當用function在組件內定義方法時：
class MyComponent extends React.Component {handleClick() {console.log(this); // 若未綁定，此處this為undefined}render() {return <button onClick={this.handleClick}>點擊</button>;}
}
函數獨立于實例存在： handleClick是組件類的方法，但其this指向調用時的上下文，而非組件實例。?
事件回調中的this丟失： 當handleClick作為事件回調（如onClick）傳遞時，實際調用時脫離了組件實例，this會默認指向undefined（嚴格模式下）。?
bind(this)的作用： 通過bind強制將函數的this綁定到組件實例，確保調用時this能訪問組件的state、props等屬性：
constructor() {super();this.handleClick = this.handleClick.bind(this); // 綁定后this指向實例
}
2. 箭頭函數不需要手動綁定的原因?
箭頭函數的特性決定了其this指向是定義時的上下文，而非調用時：
class MyComponent extends React.Component {handleClick = () => {console.log(this); // 此處this直接指向組件實例}render() {return <button onClick={this.handleClick}>點擊</button>;}
}
詞法作用域綁定： 箭頭函數沒有自己的this，其this繼承自定義時所在的作用域（這里是組件實例的上下文）。?
與組件實例綁定： 在類組件中，箭頭函數作為類屬性定義時，this會自動綁定到當前組件實例，無論如何傳遞或調用，this都不會丟失。?
無需額外bind： 因為this在定義時已固定，作為事件回調傳遞時，this依然指向組件實例，可直接訪問this.state、this.props。
3. 本質區別：this的綁定時機
| 函數類型 | this指向規則 | 綁定時機 | React 組件中的表現 |
|---|---|---|---|
| 普通函數 | 由調用方式決定（誰調用指向誰） | 運行時綁定 | 需手動bind(this)才能指向組件實例 |
| 箭頭函數 | 繼承定義時的上下文（詞法作用域） | 定義時綁定 | 自動指向組件實例，無需額外綁定 |
4. 與call/apply的關聯（呼應之前的call實現）?
普通函數 的this可通過bind（本質是返回一個this固定的新函數）、call/apply（立即調用時指定this）修改，這也是手動綁定的底層原理。?
箭頭函數 的this無法被bind、call/apply修改，因為其this在定義時已固化，這也是箭頭函數無需手動綁定的根本原因。
另，自己手動實現bind/call/apply函數，可參考這篇
手動實現 JavaScript 的 call、apply 和 bind 方法
