ES6頂層對(duì)象、global對(duì)象實(shí)例分析
本文實(shí)例講述了ES6頂層對(duì)象、global對(duì)象。分享給大家供大家參考,具體如下:
頂層對(duì)象
頂層對(duì)象,在瀏覽器環(huán)境指的是window對(duì)象,在Node指是的global對(duì)象。ES5之前中,頂層對(duì)象的屬性與全局變量是等價(jià)的。
window.a = 1; a // 1 a = 2; window.a // 2
上面的代碼中,頂層對(duì)象的屬性賦值和全局變量的賦值,是同一件事。
ES6規(guī)定,var
命令和function
命令聲明的全局變量,依舊是頂層對(duì)象的屬性;let
命令、const
命令、class
命令聲明的全局變量,不屬于頂層對(duì)象的屬性。
也就是說(shuō),從ES6開(kāi)始,全局變量將逐步和頂層對(duì)象的屬性脫鉤。
var a = 1; // 如果在Node的REPL環(huán)境,可以寫(xiě)成global.a // 或者采用通用的方法,寫(xiě)成this.a window.a // 1 let b = 1; window.b // undefined
global對(duì)象
ES5的頂層對(duì)象,本身也是一個(gè)問(wèn)題,因?yàn)樗诟鞣N實(shí)現(xiàn)里面不統(tǒng)一。
1.瀏覽器里面,頂層對(duì)象是window,但是Node和Web Worker沒(méi)有window
2.瀏覽器和Web Worker里面,self也指向頂層對(duì)象,但是Node沒(méi)有self
3.Node里面,頂層對(duì)象是global,但其他環(huán)境都不支持
同一段代碼為了能夠在各種環(huán)境,都能取到頂層對(duì)象,現(xiàn)在一般是使用this變量,但是有局限性。很難找到一種方法,可以在所有的情況下,都取到頂層對(duì)象。下面是2種勉強(qiáng)可以使用的方法:
// 方法1 (typeof window !== 'undefined' ? window : (typeof process === 'object' && typeof require === 'function' && typeof global === 'object') ? global : this); // 方法2 var getGlobal = function (){ if(typeof self !== 'undefined'){return self;} if(typeof window !== 'undefined'){return window;} if(typeof global !== 'undefined'){return global;} throw new Error('unable to locate global object'); };
現(xiàn)在有一個(gè)提案,在語(yǔ)言標(biāo)準(zhǔn)的層面,引入global作為頂層對(duì)象。也就是說(shuō),在所有環(huán)境下,global都是存在的,都可以沖它拿到頂層對(duì)象。
// CommonJS的寫(xiě)法 var global = require('system.global')(); // ES6模塊的寫(xiě)法 import getGlobal from 'system.global'; const global = getGlobal();
上面的代碼將頂層對(duì)象放入變量global
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題:《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- Python中 Global和Nonlocal的用法詳解
- Python動(dòng)態(tài)參數(shù)/命名空間/函數(shù)嵌套/global和nonlocal
- Python中關(guān)鍵字global和nonlocal的區(qū)別詳解
- Python中關(guān)鍵字nonlocal和global的聲明與解析
- python中g(shù)lobal與nonlocal比較
- 微信小程序在其他頁(yè)面監(jiān)聽(tīng)globalData中值的變化
- PHP global全局變量經(jīng)典應(yīng)用與注意事項(xiàng)分析【附$GLOBALS用法對(duì)比】
- JavaScript內(nèi)置對(duì)象math,global功能與用法實(shí)例分析
- python global和nonlocal用法解析
相關(guān)文章
Javascript讀寫(xiě)cookie的實(shí)例源碼
今天小編就為大家分享一篇關(guān)于Javascript讀寫(xiě)cookie的實(shí)例源碼,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2019-03-03js項(xiàng)目中添加ts支持實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了如何在js項(xiàng)目中添加ts支持實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08基于js中style.width與offsetWidth的區(qū)別(詳解)
下面小編就為就大家?guī)?lái)一篇基于js中style.width與offsetWidth的區(qū)別(詳解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11JS實(shí)現(xiàn)向表格中動(dòng)態(tài)添加行的方法
這篇文章主要介紹了JS實(shí)現(xiàn)向表格中動(dòng)態(tài)添加行的方法,涉及javascript針對(duì)表格行的動(dòng)態(tài)添加技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03javascript 實(shí)現(xiàn)鍵盤(pán)上下左右功能的小例子
這篇文章介紹了javascript 實(shí)現(xiàn)鍵盤(pán)上下左右功能的小例子,有需要的朋友可以參考一下2013-09-09微信小程序?qū)嵺`之動(dòng)態(tài)控制組件的顯示/隱藏功能
這篇文章主要介紹了微信小程序?qū)嵺`之動(dòng)態(tài)控制組件的顯示/隱藏功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07