【ES11(2020)】全局属性 globalThis
生活随笔
收集整理的這篇文章主要介紹了
【ES11(2020)】全局属性 globalThis
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
全局屬性 globalThis 包含全局的this 值,類似于全局對象(global object)。
function canMakeHTTPRequest() {return typeof globalThis.XMLHttpRequest === 'function'; }console.log(canMakeHTTPRequest()); // true在以前,從不同的 JavaScript 環境中獲取全局對象需要不同的語句。在 Web 中,可以通過 window、self或者 frames 取到全局對象,但是在 Web Workers中,只有self可以。在 Node.js 中,它們都無法獲取,必須使用 global。
在松散模式下,可以在函數中返回 this 來獲取全局對象,但是在嚴格模式和模塊環境下,this 會返回 undefined。
globalThis 提供了一個標準的方式來獲取不同環境下的全局 this 對象(也就是全局對象自身)。不像 window 或者 self這些屬性,它確保可以在有無窗口的各種環境下正常工作。所以,你可以安心的使用 globalThis,不必擔心它的運行環境。為便于記憶,你只需要記住,全局作用域中的 this 就是 globalThis。
以前想要獲取全局對象,可通過一個全局函數:
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'); };var globals = getGlobal();if (typeof globals.setTimeout !== 'function') {// 此環境中沒有 setTimeout 方法! }現在有了 globalThis 之后:
if (typeof globalThis.setTimeout !== 'function') {// 此環境中沒有 setTimeout 方法! }總結
以上是生活随笔為你收集整理的【ES11(2020)】全局属性 globalThis的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 生成器 python0 1 8 27 6
- 下一篇: html5外链代码,html5关于外链嵌