self
self
對象是在 Web Workers 中引入的一個全局對象侣肄,用于表示當前執(zhí)行上下文的全局范圍。與之相對稼锅,window
對象是瀏覽器環(huán)境中的全局對象僚纷,用于表示瀏覽器窗口的全局范圍。盡管在瀏覽器中锥债,self
和 window
引用同一個全局對象痊臭,但它們在使用上有一些細微的差別。
可用性:
window
對象僅在瀏覽器環(huán)境中可用广匙,而self
對象不僅在瀏覽器環(huán)境,還在 Web Workers 中可用潮剪。Web Workers 是一種多線程的 JavaScript 執(zhí)行環(huán)境分唾,允許在后臺運行腳本,獨立于主線程绽乔。命名空間:
window
對象是瀏覽器環(huán)境中的全局命名空間,它包含了瀏覽器窗口相關的屬性和方法捍壤,如document
鞍爱、location
、setTimeout
等睹逃。self
對象也是一個全局命名空間,但它的功能相對較少疗隶,僅包含一些通用的全局屬性和方法翼闹,如self.postMessage
、self.onmessage
等猎荠。嚴格模式: 在嚴格模式下,
window
對象不能被重新賦值荒叶,但self
對象可以被重新賦值输虱。在瀏覽器環(huán)境中,通常會將window
對象作為不可更改的全局對象愁茁,以確保全局的一致性横堡。
總結來說,self
對象是為了跨線程的 Web Workers 環(huán)境而引入的命贴,提供了一個通用的全局對象。window
對象是瀏覽器環(huán)境中的全局對象污茵,提供了許多與瀏覽器窗口相關的屬性和方法葬项。在瀏覽器環(huán)境中,self
和 window
引用同一個全局對象民珍,但在 Web Workers 中盗飒,只有 self
對象可用陋桂。
console.log(self === window); // true
對于大多數(shù)情況下的前端開發(fā)嗜历,直接訪問 window
對象是常見的做法,因為它提供了更豐富的功能和命名空間梨州。而 self
對象主要在 Web Workers 和一些特定的跨線程場景中使用。
global
global
對象是 JavaScript 環(huán)境中的頂級對象鞍恢,它提供了全局范圍的屬性和方法巷查。window
對象則是瀏覽器環(huán)境中的全局對象,擴展了 global
對象并提供了與瀏覽器窗口相關的功能岛请。
以下是兩者之間的區(qū)別:
可用性:
global
對象在各種 JavaScript 運行時環(huán)境中都存在,包括瀏覽器盅称、Node.js 等后室。而window
對象僅在瀏覽器環(huán)境中存在,用于表示當前瀏覽器窗口的全局范圍疾层。功能差異:
window
對象是global
對象的子集贡避,它擴展了global
對象并提供了與瀏覽器窗口相關的功能。window
對象包含了許多與瀏覽器窗口屬性和方法刮吧,例如document
、location
井厌、setTimeout
等。而global
對象則提供了一些通用的全局性質的屬性和方法仅仆,例如Object
、Array
拳魁、Math
等撮弧。命名空間:
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)境中别凹。