從 ES 規(guī)范中理解 this

vincent_xyb 發(fā)布于2019-08-23 13:38 / 3554人閱讀

摘要：從規(guī)范中理解本以為對中的已經(jīng)很熟練了，再看完冴羽的博客后，才發(fā)現(xiàn)自己對規(guī)范知之甚少，原來我都是根據(jù)經(jīng)驗在判斷，這篇文章會從最底層的規(guī)范上去介紹的判斷。本文已同步到個人博客從規(guī)范中理解，感謝鼓勵。

從 ES 規(guī)范中理解 this

本以為對 JS 中的 this 已經(jīng)很熟練了，再看完冴羽的博客后，才發(fā)現(xiàn)自己對 ES 規(guī)范知之甚少，原來我都是根據(jù)經(jīng)驗在判斷 this，這篇文章會從最底層的 ES 規(guī)范上去介紹 this 的判斷。

本文已同步到個人博客從 ES 規(guī)范中理解 this，感謝鼓勵。

一道測試題引發(fā)的思考

第一次做這道題時，只對了第一題。。

var value = 1;

var foo = {
  value: 2,
  bar: function() {
    return this.value;
  }
};

//示例1
console.log(foo.bar());
//示例2
console.log((foo.bar)());
//示例3
console.log((foo.bar = foo.bar)());
//示例4
console.log((false || foo.bar)());
//示例5
console.log((foo.bar, foo.bar)());

先想一想這道題的答案，然后解釋一下原因。

規(guī)范文檔

要徹底弄明白上面的測試題，還得看規(guī)范文檔

GPU云服務(wù)器云服務(wù)器 java中this javascript中this詳解 java中orm理解 java中數(shù)組規(guī)范

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

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

相關(guān)文章

由ES規(guī)范學(xué)JavaScript(三)：深入理解this

摘要：有三個重要組成部分和。參考小結(jié)函數(shù)中的是由調(diào)用函數(shù)的方式?jīng)Q定的。構(gòu)造函數(shù)中的當構(gòu)造函數(shù)通過操作符來調(diào)用時，表示正在創(chuàng)建的對象。情況沒有明確作用對象的情況下，通常為全局對象例如函數(shù)的回調(diào)函數(shù)，它的就是全局對象。一. this的來源 this是JavaScript的關(guān)鍵字，它最初應(yīng)該是從Java、C++等面向?qū)ο蟮恼Z言中借鑒來的。比如，在Java中沒有函數(shù)只有方法，this只能用在類的...

wthee 2019-08-19 17:23 評論0 收藏0
深入理解JavaScirpt的函數(shù)調(diào)用和"this"

摘要：簡單的函數(shù)調(diào)用顯而易見，一直用調(diào)用函數(shù)將會非常煩人。規(guī)范說幾乎總是被傳遞，但不在嚴格模式下時被調(diào)用函數(shù)應(yīng)該將其更改為全局對象。實際上，規(guī)范有一個和都使用的原語內(nèi)部稱為。過去很多年里，我看到過太多關(guān)于JavaScript函數(shù)調(diào)用的混淆。尤其是，很多人抱怨函數(shù)調(diào)用中this的語義令人困惑。在我看來，通過理解核心函數(shù)調(diào)用原語，然后將其他所有調(diào)用函數(shù)的方法視為在原語之上的語法糖，如此便可澄清...

bladefury 2019-08-23 10:34 評論0 收藏0
從Ecma規(guī)范深入理解this

摘要：本文總結(jié)了的各種情況，并從規(guī)范的角度探討了的具體實現(xiàn)，希望對大家理解有所幫助。規(guī)范規(guī)范里面詳細介紹了的實現(xiàn)細節(jié)，通過閱讀規(guī)范，我們可以更準確的理解上述四種情況到底是怎么回事。由于本人能力有限，如有理解錯誤的地方還望指出。 this是面向?qū)ο缶幊讨械囊粋€概念，它一般指向當前方法調(diào)用所在的對象，這一點在java、c++這類比較嚴格的面向?qū)ο缶幊陶Z言里是非常明確的。但是在javascript...

rottengeek 2019-08-22 10:58 評論0 收藏0
深入 CommonJs 與 ES6 Module

摘要：目前主流的模塊規(guī)范模塊通用模塊如果你在文件頭部看到這樣的代碼，那么這個文件使用的就是規(guī)范實際上就是全局變量這三種風格的結(jié)合這段代碼就是對當前運行環(huán)境的判斷，如果是環(huán)境就是使用規(guī)范，如果不是就判斷是否為環(huán)境，最后導(dǎo)出全局變量有了后我們的代碼和目前主流的模塊規(guī)范 UMD CommonJs es6 module umd 模塊（通用模塊） (function (global, facto...

sanyang 2019-08-23 14:42 評論0 收藏0
深入理解 JavaScript 中的 class

摘要：在規(guī)范中，引入了的概念。使用中的聲明一個類，是非常簡單的事。中面向?qū)ο髮嵗谋澈笤?，實際上就是原型對象。與區(qū)別理解上述原理后，還需要注意與屬性的區(qū)別。實際上，在中，類繼承的本質(zhì)依舊是原型對象。在 ES6 規(guī)范中，引入了 class 的概念。使得 JS 開發(fā)者終于告別了，直接使用原型對象模仿面向?qū)ο笾械念惡皖惱^承時代。但是JS 中并沒有一個真正的 class 原始類型， clas...

Vicky 2019-08-20 14:16 評論0 收藏0