在JavaScript中,全局對象通常指的是window對象。Window對象是全局作用域的根,它包含了許多內置的屬性和方法,在瀏覽器中,我們可以通過在控制臺輸入window來查看它包含的屬性和方法。
//查看window對象
console.log(window);
除了window對象,還有其他的全局對象可以被用來存儲數據。下面介紹幾個例子。
1. localStorage和sessionStorage
localStorage和sessionStorage是HTML5標準中引進的全局對象,它們用來存儲本地數據。它們的區別在于localStorage的數據是永久保存的,直到用戶手動清除,而sessionStorage的數據僅在當前會話中有效。
//set
localStorage.setItem('key', 'value');
sessionStorage.setItem('key', 'value');
//get
localStorage.getItem('key');
sessionStorage.getItem('key');
2. cookies
cookies是另一種本地數據存儲方式。它和localStorage和sessionStorage的區別在于它由服務器設置和讀取,而不是客戶端。它可以用來存儲用戶信息,如用戶名、密碼等。
//set
document.cookie = 'name=value';
//get
let cookies = document.cookie;
3. globalThis
在ES2020中引入了globalThis全局對象,它可以用來在不同環境中獲取全局對象。在瀏覽器中,globalThis指的是window對象,在Node.js環境中,它指的是global對象。
console.log(globalThis);
4. document
document對象也是一個全局對象,它用來表示HTML文檔。它包含了許多屬性和方法,如getElementById、querySelector等,用來獲取HTML元素。
//獲取元素
let element = document.getElementById('id');
let element2 = document.querySelector('.class');
以上是幾個常用的全局對象存儲方式,在實際開發中可以根據需求靈活選擇。
上一篇python畫小雞的代碼
下一篇PHP hls加密