javascript 中 this究竟指向的誰

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

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

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

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

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

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

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

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

這里的this，直接指向obj1這個對象

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

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

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

這里通過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，但是存在了一個閉包的概念，所以backFn里的this,通過return重新掛回了window。

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86523.html

相關(guān)文章

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

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

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

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

妤鋒シ 2019-08-23 12:16 評論0 收藏0
我對JavaScript中this的一些理解

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

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

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

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

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

PiscesYE 2019-08-22 10:50 評論0 收藏0