說說瀏覽器中的self, global, globalThis

self

self 對象是在 Web Workers 中引入的一個全局對象侣肄,用于表示當前執(zhí)行上下文的全局范圍。與之相對稼锅,window 對象是瀏覽器環(huán)境中的全局對象僚纷,用于表示瀏覽器窗口的全局范圍。盡管在瀏覽器中锥债,selfwindow 引用同一個全局對象痊臭,但它們在使用上有一些細微的差別。

  1. 可用性: window 對象僅在瀏覽器環(huán)境中可用广匙,而 self 對象不僅在瀏覽器環(huán)境,還在 Web Workers 中可用潮剪。Web Workers 是一種多線程的 JavaScript 執(zhí)行環(huán)境分唾,允許在后臺運行腳本,獨立于主線程绽乔。

  2. 命名空間: window 對象是瀏覽器環(huán)境中的全局命名空間,它包含了瀏覽器窗口相關的屬性和方法捍壤,如 document鞍爱、locationsetTimeout 等睹逃。self 對象也是一個全局命名空間,但它的功能相對較少疗隶,僅包含一些通用的全局屬性和方法翼闹,如 self.postMessageself.onmessage 等猎荠。

  3. 嚴格模式: 在嚴格模式下,window 對象不能被重新賦值荒叶,但 self 對象可以被重新賦值输虱。在瀏覽器環(huán)境中,通常會將 window 對象作為不可更改的全局對象愁茁,以確保全局的一致性横堡。

總結來說,self 對象是為了跨線程的 Web Workers 環(huán)境而引入的命贴,提供了一個通用的全局對象。window 對象是瀏覽器環(huán)境中的全局對象污茵,提供了許多與瀏覽器窗口相關的屬性和方法葬项。在瀏覽器環(huán)境中,selfwindow 引用同一個全局對象民珍,但在 Web Workers 中盗飒,只有 self 對象可用陋桂。

console.log(self === window);  // true

對于大多數(shù)情況下的前端開發(fā)嗜历,直接訪問 window 對象是常見的做法,因為它提供了更豐富的功能和命名空間梨州。而 self 對象主要在 Web Workers 和一些特定的跨線程場景中使用。

global

global 對象是 JavaScript 環(huán)境中的頂級對象鞍恢,它提供了全局范圍的屬性和方法巷查。window 對象則是瀏覽器環(huán)境中的全局對象,擴展了 global 對象并提供了與瀏覽器窗口相關的功能岛请。

以下是兩者之間的區(qū)別:

  1. 可用性: global 對象在各種 JavaScript 運行時環(huán)境中都存在,包括瀏覽器盅称、Node.js 等后室。而 window 對象僅在瀏覽器環(huán)境中存在,用于表示當前瀏覽器窗口的全局范圍疾层。

  2. 功能差異: window 對象是 global 對象的子集贡避,它擴展了 global 對象并提供了與瀏覽器窗口相關的功能。window 對象包含了許多與瀏覽器窗口屬性和方法刮吧,例如 documentlocation井厌、setTimeout 等。而 global 對象則提供了一些通用的全局性質的屬性和方法仅仆,例如 ObjectArray拳魁、Math 等撮弧。

  3. 命名空間: global 對象在不同的 JavaScript 運行時環(huán)境中提供了一個統(tǒng)一的全局命名空間姚糊。而 window 對象是在瀏覽器環(huán)境中特定的全局命名空間,用于訪問與瀏覽器窗口相關的屬性和方法贸辈。

console.log(global);  // undefined (在瀏覽器中)

盡管在瀏覽器環(huán)境中肠槽,window 對象和 global 對象通常是相同的,但在其他 JavaScript 運行時環(huán)境中秸仙,如 Node.js,只有 global 對象可用席吴,而 window 對象不存在捞蛋。對于前端開發(fā),我們通常會直接訪問 window 對象來獲取瀏覽器窗口相關的屬性和方法庄涡。而在后端開發(fā)中搬设,我們會使用 global 對象來訪問全局范圍的屬性和方法,例如在 Node.js 環(huán)境中焕梅。

globalThis

globalThis 是在最新的 ECMAScript 標準中引入的全局對象。它提供了一種跨平臺的方式來訪問全局對象斜棚,不依賴于具體的環(huán)境。無論是在瀏覽器弟蚀、Node.js 還是其他 JavaScript 運行時環(huán)境中义钉,都可以使用 globalThis 來訪問全局對象。

console.log(globalThis === self);  // true (在瀏覽器中)

使用 globalThis 可以更具通用性地訪問全局對象捶闸,而不需要依賴于特定的全局變量名稱。這在編寫跨平臺的 JavaScript 代碼時非常有用贪绘。需要注意的是央碟,在瀏覽器環(huán)境中,全局對象通常是 window亿虽,而在其他環(huán)境洛勉,如 Node.js,全局對象可能是 global坯认。使用 globalThis 可以更好地適應不同的環(huán)境,并確保代碼的一致性陋气。

總結起來引润,self 在瀏覽器環(huán)境中指向全局的 window 對象,global 是非標準的全局對象淳附,而 globalThis 是在 ECMAScript 標準中引入的通用全局對象,可用于訪問全局作用域無論是在瀏覽器還是其他 JavaScript 運行時環(huán)境中别凹。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末洽糟,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子拍霜,更是在濱河造成了極大的恐慌,老刑警劉巖越驻,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件道偷,死亡現(xiàn)場離奇詭異,居然都是意外死亡诵棵,警方通過查閱死者的電腦和手機祝旷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門嘶窄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人吻谋,你說我怎么就攤上這事现横。” “怎么了骇两?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵姜盈,是天一觀的道長。 經(jīng)常有香客問我示血,道長救拉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任告喊,我火速辦了婚禮,結果婚禮上葱绒,老公的妹妹穿的比我還像新娘。我一直安慰自己失球,他們只是感情好帮毁,可當我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著黔牵,像睡著了一般爷肝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上灯抛,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天对嚼,我揣著相機與錄音,去河邊找鬼纵竖。 笑死靡砌,一個胖子當著我的面吹牛已脓,可吹牛的內容都是我干的乏奥。 我是一名探鬼主播,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼恨诱,長吁一口氣:“原來是場噩夢啊……” “哼照宝!你這毒婦竟也來了句葵?” 一聲冷哼從身側響起兢仰,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤剂碴,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后忆矛,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年亚兄,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片审胚。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡菲盾,死狀恐怖各淀,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情碎浇,我是刑警寧澤璃俗,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布城豁,位于F島的核電站苟穆,受9級特大地震影響唱星,放射性物質發(fā)生泄漏。R本人自食惡果不足惜攒盈,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一哎榴、第九天 我趴在偏房一處隱蔽的房頂上張望僵蛛。 院中可真熱鬧迎变,春花似錦、人聲如沸驼侠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽相速。三九已至鲜锚,卻和暖如春突诬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背旺隙。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工蔬捷, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留榔袋,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓凰兑,卻偏偏與公主長得像,于是被迫代替她去往敵國和親勾给。 傳聞我的和親對象是個殘疾皇子锅知,可洞房花燭夜當晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內容