理解JS中的this

oliverhuang 發布于2019-08-19 18:03 / 848人閱讀

摘要：是函數運行時自動生成的內部對象，指的就是調用函數的那個對象。函數調用的情況作為函數的調用作為方法的調用構造函數的調用方法調用作為函數的調用這里的就是作為方法的調用這里的是構造函數的調用方法調用可省略

this是函數運行時自動生成的內部對象，this指的就是調用函數的那個對象。

函數調用的情況：

作為函數的調用

作為方法的調用

構造函數的調用

apply方法調用

作為函數的調用

var x = 0;
function log() {
    console.log(this.x);
}
log(); //0
//這里的this就是window

作為方法的調用

function log() {
    console.log(this.x);
}
var obj = {};
obj.x = 0;
obj.log = log;
obj.log(); //0
//這里的this是obj

構造函數的調用

function Person() {
    this.name = "chinese";
}
var person = new Person();
console.log(person.name); //chinese

apply方法調用

var x = 1;
function log() {
    console.log(this.x);
}
var obj = {};
obj.x = 0;
obj.log = log;
obj.log.apply(window); //1 window可省略
obj.log.apply(obj); //0

云服務器 GPU云服務器 js中的this js中的this機制 js中的this與html javaScript中的this

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

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

js基本操作-this理解

摘要：基本操作理解寫在前面在面向對象的語言中，關鍵字的含義是明確且具體的，即指代當前對象。一般在編譯期確定下來，或稱為編譯期綁定。全局范圍內當在全部范圍內使用，它將會指向全局對象。輸出瀏覽器中運行的腳本，這個全局對象是。 js基本操作-this理解寫在前面在面向對象的語言中，this關鍵字的含義是明確且具體的，即指代當前對象。一般在編譯期確定下來，或稱為編譯期綁定。而在 JavaScr...

Steven 2019-08-22 10:50 評論0 收藏0
理解 JavaScript this

摘要：回調函數在回調函數中的指向也會發生變化。在閉包回調函數賦值等場景下我們都可以利用來改變的指向，以達到我們的預期。文章參考系列文章理解閉包理解執行棧理解作用域理解數據類型與變量原文發布在我的公眾號，點擊查看。這是本系列的第 5 篇文章。還記得上一篇文章中的閉包嗎？點擊查看文章理解 JavaScript 閉包。在聊 this 之前，先來復習一下閉包： var name = Nei...

zombieda 2019-08-23 14:10 評論0 收藏0
【YDKJS讀書筆記】關于Js中的this Part1

摘要：貼一句書中的原文就是說在代碼中很簡單，沒有任何修飾的調用，就可以理解為全局的作用域對象。這種鏈式賦值，指向問題在中叫做。在這種傳一個參數作為對象的功能方面，與是等價的。看了以上文章對于解決面試題應該會有不小的幫助。書讀到this & object prototype這一卷。章節到了this All Makes Sense Now! 書里面開篇就提到，this并不復雜，只不過被很多程...

siberiawolf 2019-08-20 16:13 評論0 收藏0
JavaScript深入淺出

摘要：理解的函數基礎要搞好深入淺出原型使用原型模型，雖然這經常被當作缺點提及，但是只要善于運用，其實基于原型的繼承模型比傳統的類繼承還要強大。中文指南基本操作指南二繼續熟悉的幾對方法，包括，，。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。怎樣使用 this 因為本人屬于偽前端，因此文中只看懂了 8 成左右，希望能夠給大家帶來幫助....（據說是阿里的前端妹子寫的） this 的值到底...

blair 2019-08-21 18:26 評論0 收藏0
JS核心知識點梳理——上下文、作用域、閉包、this（中）

摘要：引言滿滿的干貨，面試必系列，參考大量資料，并集合自己的理解以及相關的面試題，對核心知識點中的作用域閉包上下文進行了梳理。本篇重點介紹閉包和。所以，有另一種說法認為閉包是由函數和與其相關的引用環境組合而成的實體。 showImg(https://segmentfault.com/img/bVbo4hv?w=1800&h=1000); 引言滿滿的干貨，面試必bei系列，參考大量資料，并集...

rottengeek 2019-08-26 13:50 評論0 收藏0
JS 中的this指向

摘要：當碰到時呵呵再看一個呵呵再來呵呵呵呵呵呵呵呵什么意思呢如果返回值是一個對象，那么指向的是構造函數的實例但是并沒有被返回，如果返回值不是一個對象那么還是指向構造函數創建的實例。為什么要學習this？如果你學過面向對象編程，那你肯定知道干什么用的，如果你沒有學過，那么暫時可以不用看這篇文章，當然如果你有興趣也可以看看，畢竟這是js中必須要掌握的東西。 1. this指向調用他的對象首先...

KavenFan 2019-08-22 11:14 評論0 收藏0