javascript 中 this究竟指向的誰

wums 發布于2019-08-21 11:17 / 921人閱讀

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

簡單的總結一下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();

這個其實也是一樣的，調用了函數，依然去找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創建的對象，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。

閉包就是能夠讀取其他函數內部變量的函數。

GPU云服務器云服務器 javascript中this詳解改變this指向 this的指向 javascript的this

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86523.html

【js基礎】理清Object、Object.prototype、Function、Function.

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

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

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

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

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

focusj 2019-08-23 15:23 評論0 收藏0
使用React 應當注意的幾個地方

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

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

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

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