javascript 中 this究竟指向的誰(shuí)

wums 發(fā)布于2019-08-21 11:17 / 965人閱讀

摘要：簡(jiǎn)單的總結(jié)一下中的幾種指向這個(gè)不用說(shuō)，直接在最外面引用直接指向的是對(duì)象，中聲明的全局變量都會(huì)掛載到上。閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

簡(jiǎn)單的總結(jié)一下js 中this的幾種指向

   var name = "Jansen";
   console.log(this.name); //Jansen

這個(gè)不用說(shuō)，直接在最外面引用this,this直接指向的是window對(duì)象，js中聲明的全局變量都會(huì)掛載到window上。

var name = "Jansen";
function getName(){
    console.log(this.name);
}
getName();

這個(gè)其實(shí)也是一樣的，調(diào)用了函數(shù)，依然去找this.name屬性，跑到了window那里去找了

var obj1 = {
    name:"test",
    myFun:function(){
        console.log(this.name);
    }
}
obj1.myFun();//test

這里的this，直接指向obj1這個(gè)對(duì)象

var name = "Jansen";
function getName(name){
    this.name = name;
    console.log(this.name);
}
var obj2 = new getName("ops");
obj2.name // ops

這里的this通過(guò)new創(chuàng)建的對(duì)象，this指向的是obj2

var name = "Jansen";
var obj3={
name:"test"
}
function getName(){
console.log(this.name)
}
getName.apply(obj3)

這里通過(guò)apply的方式把this的指向從window換給了obj3

var name = "Window";
　　var object = {
　　　　name : "object",
　　　　getName : function(){
　　　　    console.log(this.name);
　　　　　　function backFn(){
　　　　　　　　console.log(this.name);
　　　　　　};
　　　　　　return backFn；
　　　　}
　　};

這里的第一塊的this就是指向的object，但是存在了一個(gè)閉包的概念，所以backFn里的this,通過(guò)return重新掛回了window。

閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

云服務(wù)器 GPU云服務(wù)器 javascript中this詳解改變this指向 this的指向 javascript的this

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86523.html

相關(guān)文章

【js基礎(chǔ)】理清Object、Object.prototype、Function、Function.

摘要：上面這段代碼一般被用來(lái)判斷變量的類(lèi)型，相信很多人都非常熟悉今天時(shí)用到上面這段代碼，突然想到方法，為啥兩者不一樣呢的并不是自有屬性，而是繼承屬性那究竟時(shí)繼承的誰(shuí)呢，或者換句話(huà)說(shuō)，時(shí)由什么構(gòu)造的呢為啥運(yùn)行上面這段代碼會(huì)提示原來(lái)執(zhí)行等同于執(zhí)行而且 Object.prototype.toString.call(something) 上面這段代碼一般被用來(lái)判斷變量的類(lèi)型，相信很多人都非常熟悉今天...

z2xy 2019-08-21 17:50 評(píng)論0 收藏0
JavaScript學(xué)習(xí)之對(duì)象原型及繼承

摘要：原型要掌握這三者之間的關(guān)系，通過(guò)代碼例子記錄一下自身屬性的這里就是通過(guò)代碼看一下做了什么默認(rèn)情況下，將的所有屬性包括繼承的賦值給有什么東西呢自己的原型鏈，添加一個(gè)屬性，用來(lái)指明對(duì)象的誰(shuí)構(gòu)造的自身全部屬性，這邊構(gòu)建一個(gè)空對(duì)象原型，所以沒(méi)有自有原型要掌握這三者之間的關(guān)系prototype，constructor,__proto__通過(guò)代碼例子記錄一下 function F() { ...

妤鋒シ 2019-08-23 12:16 評(píng)論0 收藏0
我對(duì)JavaScript中this的一些理解

摘要：匿名函數(shù)的執(zhí)行環(huán)境具有全局性，因此它的對(duì)象通常指向。如果對(duì)此有疑惑，可以看知乎上的答案知乎匿名函數(shù)的指向?yàn)槭裁词亲鳛閷?duì)象方法的調(diào)用，指向該對(duì)象當(dāng)函數(shù)作為某個(gè)對(duì)象的方法調(diào)用時(shí)，就指這個(gè)函數(shù)所在的對(duì)象。因?yàn)槿粘９ぷ髦薪?jīng)常使用到this，而且在JavaScript中this的指向問(wèn)題也很容易讓人混淆一部分知識(shí)。這段時(shí)間翻閱了一些書(shū)籍也查閱了網(wǎng)上一些資料然后結(jié)合自己的經(jīng)驗(yàn)，為了能讓自...

focusj 2019-08-23 15:23 評(píng)論0 收藏0
使用React 應(yīng)當(dāng)注意的幾個(gè)地方

摘要：都會(huì)造成錯(cuò)誤，注意一定一定嚴(yán)格的用，所以我建議直接復(fù)制我的。因?yàn)橛玫脑?huà)他會(huì)轉(zhuǎn)義代碼，寫(xiě)不寫(xiě)其實(shí)一個(gè)樣。不可避免的，構(gòu)建肯定是要用到的。這個(gè)時(shí)候一般用的是在外面保存然后里面調(diào)用第二個(gè)坑更隱蔽。目標(biāo)人群獻(xiàn)給熟悉基礎(chǔ)的React語(yǔ)法的剛接觸React的同學(xué)~ 如果你已經(jīng)寫(xiě)過(guò)半年以上的React那也不用看了，畢竟我水平并不高 Whats React React 是一個(gè)不存在的網(wǎng)絡(luò)公司Fac...

高璐 2019-08-19 17:11 評(píng)論0 收藏0
Javascript模式閱讀筆記-1.函數(shù)模式

摘要：模式閱讀筆記第一部分函數(shù)模式總的來(lái)說(shuō)模式是一本力薦的進(jìn)階書(shū)書(shū)里面涉及了很多在學(xué)習(xí)過(guò)程中會(huì)碰到的坑然后提供了很不錯(cuò)的解決方法雖然很多人吐槽這本書(shū)的翻譯但是糟糕的翻譯還是無(wú)法掩蓋這是一本好書(shū)的事實(shí)因此這里我會(huì)結(jié)合書(shū)上的知識(shí)和我的理解來(lái)寫(xiě)一些 Javascript模式閱讀筆記-第一部分-函數(shù)模式總的來(lái)說(shuō),javascript模式是一本力薦的js進(jìn)階書(shū),書(shū)里面涉及了很多在學(xué)習(xí)javascr...

PiscesYE 2019-08-22 10:50 評(píng)論0 收藏0