理解JS中的this

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

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

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

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

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

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

構造函數(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

構造函數(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云服務器 js中的this js中的this機制 js中的this與html javaScript中的this

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

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

js基本操作-this理解

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

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

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

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

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

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

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

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

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

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

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

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