JavaScript改變this指向的3種方法(代碼說明)

我們用例子來說明問題

隱式轉(zhuǎn)換

var id = 10;
function a() {
  console.log(this.id);
};
var obj2 = {
    id: 30
}
var obj1 = {
    id: 20
}
a.call(obj2);//30
a.call(obj1);//20
//a函數(shù)內(nèi)的this指向隨著call的指向而變化

顯示轉(zhuǎn)換

var id = 10;
function a() {
  console.log(this.id);
};
var obj2 = {
    id: 30
}
var obj1 = {
    id: 20
}

//使用bind之后, 返回的函數(shù)內(nèi)部this定死, 無法再改變this
var b = a.bind(obj2);//返回一個(gè)函數(shù)
b.call(obj1);//30
b();//30

new

function a() {
    this.a = 1;
    this.b = 2;
}

var a1 = new a();
//this指向?qū)ο?
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,569評(píng)論 19 139
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語(yǔ)法,類相關(guān)的語(yǔ)法,內(nèi)部類的語(yǔ)法,繼承相關(guān)的語(yǔ)法,異常的語(yǔ)法,線程的語(yǔ)...
    子非魚_t_閱讀 34,728評(píng)論 18 399
  • 值類型轉(zhuǎn)換將值從一種類型轉(zhuǎn)換為另一種類型通常稱為類型轉(zhuǎn)換,這是顯示的情況;隱式的情況稱為強(qiáng)制類型轉(zhuǎn)換。JavaSc...
    xpwei閱讀 3,745評(píng)論 0 5
  • Scala中的implicit關(guān)鍵字對(duì)于我們初學(xué)者像是一個(gè)謎一樣的存在,一邊驚訝于代碼的簡(jiǎn)潔,一邊像在迷宮里打轉(zhuǎn)一...
    大刀閱讀 18,784評(píng)論 10 18
  • 01 4月27日出差湖北一個(gè)小縣城,晚上9點(diǎn),打車回酒店。攔了半天車攔不到,于是打開滴滴叫了輛出租車,上車后朋友發(fā)...
    第101封信閱讀 433評(píng)論 0 1

友情鏈接更多精彩內(nèi)容