原生JS設置并獲取全局變量,干貨版。
一共有且只有以下五種方式
1、通過window對象設置和獲取全局變量;
通過window對象設置和獲取全局變量。window對象是所有全局變量的擁有者,它是JavaScript的最頂層對象。我們可以通過window對象來設置和獲取全局變量,例如:
// 設置全局變量
window.myGlobalVariable = "Hello World!";
// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"
2、使用ES6新增的let命令聲明全局變量;
let命令聲明的全局變量是全局對象的屬性,它會變成全局對象的屬性,可以在任何地方被訪問到,而且不會因為函數作用域或塊級作用域而改變。例如:
// 使用let聲明全局變量
let myGlobalVariable = "Hello World!";
// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"
3、使用ES6新增的const命令聲明全局變量;
const命令聲明的全局變量同樣是全局對象的屬性,它會變成全局對象的屬性,可以在任何地方被訪問到,而且不會因為函數作用域或塊級作用域而改變。此外,使用const聲明的全局變量一旦被聲明,在全局范圍內都是不可變的,不能再次被重新賦值。例如:
// 使用const聲明全局變量
const myGlobalVariable = "Hello World!";
// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"
4、使用Object對象設置和獲取全局變量;
Object對象是JavaScript中的一個內置對象,它可以用來訪問全局變量。我們可以在Object對象上新增一個屬性,然后通過該屬性就可以訪問到該變量。例如:文章來源:http://www.zghlxwxcb.cn/news/detail-476546.html
// 使用Object對象設置全局變量
Object.myGlobalVariable = "Hello World!";
// 獲取全局變量
alert(window.myGlobalVariable); // 輸出 "Hello World!"
5、使用Function構造函數設置和獲取全局變量。
Function構造函數是JavaScript中的一個內置函數,它可以用來創(chuàng)建新的函數,也可以用來訪問全局變量。我們可以使用Function構造函數創(chuàng)建一個函數,然后將全局變量作為該函數的參數傳遞進來,就可以訪問到該變量。例如:文章來源地址http://www.zghlxwxcb.cn/news/detail-476546.html
// 使用Function構造函數設置全局變量
var myGlobalVariable = "Hello World!";
var getGlobalVariable = new Function("return myGlobalVariable;");
// 獲取全局變量
alert(getGlobalVariable()); // 輸出 "Hello World!"
到了這里,關于原生JS設置并獲取全局變量的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!