理解JS中的this

oliverhuang 發(fā)布于2019-08-19 18:03 / 897人閱讀

摘要：是函數(shù)運(yùn)行時(shí)自動(dòng)生成的內(nèi)部對象，指的就是調(diào)用函數(shù)的那個(gè)對象。函數(shù)調(diào)用的情況作為函數(shù)的調(diào)用作為方法的調(diào)用構(gòu)造函數(shù)的調(diào)用方法調(diào)用作為函數(shù)的調(diào)用這里的就是作為方法的調(diào)用這里的是構(gòu)造函數(shù)的調(diào)用方法調(diào)用可省略

this是函數(shù)運(yùn)行時(shí)自動(dòng)生成的內(nèi)部對象，this指的就是調(diào)用函數(shù)的那個(gè)對象。

函數(shù)調(diào)用的情況：

作為函數(shù)的調(diào)用

作為方法的調(diào)用

構(gòu)造函數(shù)的調(diào)用

apply方法調(diào)用

作為函數(shù)的調(diào)用

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

作為方法的調(diào)用

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

構(gòu)造函數(shù)的調(diào)用

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

apply方法調(diào)用

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云服務(wù)器云服務(wù)器 js中的this js中的this機(jī)制 js中的this與html javaScript中的this

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

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

相關(guān)文章

js基本操作-this理解

摘要：基本操作理解寫在前面在面向?qū)ο蟮恼Z言中，關(guān)鍵字的含義是明確且具體的，即指代當(dāng)前對象。一般在編譯期確定下來，或稱為編譯期綁定。全局范圍內(nèi)當(dāng)在全部范圍內(nèi)使用，它將會指向全局對象。輸出瀏覽器中運(yùn)行的腳本，這個(gè)全局對象是。 js基本操作-this理解寫在前面在面向?qū)ο蟮恼Z言中，this關(guān)鍵字的含義是明確且具體的，即指代當(dāng)前對象。一般在編譯期確定下來，或稱為編譯期綁定。而在 JavaScr...

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

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

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

摘要：貼一句書中的原文就是說在代碼中很簡單，沒有任何修飾的調(diào)用，就可以理解為全局的作用域?qū)ο?。這種鏈?zhǔn)劫x值，指向問題在中叫做。在這種傳一個(gè)參數(shù)作為對象的功能方面，與是等價(jià)的?？戳艘陨衔恼聦τ诮鉀Q面試題應(yīng)該會有不小的幫助。書讀到this & object prototype這一卷。章節(jié)到了this All Makes Sense Now! 書里面開篇就提到，this并不復(fù)雜，只不過被很多程...

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

摘要：理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型，雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及，但是只要善于運(yùn)用，其實(shí)基于原型的繼承模型比傳統(tǒng)的類繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對方法，包括，，。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。怎樣使用 this 因?yàn)楸救藢儆趥吻岸耍虼宋闹兄豢炊?8 成左右，希望能夠給大家?guī)韼椭?...（據(jù)說是阿里的前端妹子寫的） this 的值到底...

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

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

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

摘要：當(dāng)碰到時(shí)呵呵再看一個(gè)呵呵再來呵呵呵呵呵呵呵呵什么意思呢如果返回值是一個(gè)對象，那么指向的是構(gòu)造函數(shù)的實(shí)例但是并沒有被返回，如果返回值不是一個(gè)對象那么還是指向構(gòu)造函數(shù)創(chuàng)建的實(shí)例。為什么要學(xué)習(xí)this？如果你學(xué)過面向?qū)ο缶幊蹋悄憧隙ㄖ栏墒裁从玫?，如果你沒有學(xué)過，那么暫時(shí)可以不用看這篇文章，當(dāng)然如果你有興趣也可以看看，畢竟這是js中必須要掌握的東西。 1. this指向調(diào)用他的對象首先...

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