js var定義全局變量與在window對象上直接定義屬性區(qū)別

關(guān)于window

一、所有 JavaScript 全局對象、函數(shù)以及變量均自動成為 window 對象的成員。

二、全局變量是 window 對象的屬性。

三、全局函數(shù)是 window 對象的方法。

所有在全局作用域中聲明的變量、函數(shù)都會變成window對象的屬性和方法。如：

var name = "xiaomi";
console.log(window.name);//"xiaomi"

區(qū)別一

全局變量不能通過delete刪除，而window屬性上定義的變量可以通過delete刪除：

var num1=123;
window.num2=456;
delete num1;
delete num2;
console.log(num1); ?//123
console.log(num2); ?//num2 is not defined

全局變量num1之所以不能通過delete刪除，是因?yàn)橥ㄟ^var語句添加的全局變量有一個configurable屬性，其默認(rèn)值為false，如下，所以這樣定義的屬性不可以通過delete刪除。

var num1=123;
window.num2=456;
Object.getOwnPropertyDescriptor(window, "num1");
//Object {value: 123, writable: true, enumerable: true, configurable: false}
Object.getOwnPropertyDescriptor(window, 'num2');
//Object {value: 456, writable: true, enumerable: true, configurable: true}

區(qū)別二

嘗試訪問未聲明的變量會報錯，xxx is not defined。

但是通過查詢window查詢，可以知道某個可能未聲明的變量是否存在，不會報錯，只會顯示undefined。

console.log(num1); // undefined
var num1=123;
console.log(num2); // ReferenceError: a is not defined
window.num2=456;

這一點(diǎn)可以用預(yù)編譯解釋，var聲明的變量會提升聲明到頂部。

區(qū)別三

在函數(shù)中使用var定義的變量是局部變量。

有時想要在外部也訪問到函數(shù)里面的變量，就需要定義window對象屬性。

function () {
?? ?var num1 = 123;
?? ?window.num2 = 456;
}
console.log(num1); //num1 is not defined
console.log(num2); //456

js中定義的全局變量,局部變量

關(guān)于變量和參數(shù)問題

var a ?= 2; //全局變量?
function func()
{
? ? var a = 1; ?//局部變量? ??
? ? ?a = 2; ? ? //全局變量?
}

函數(shù)外面定義的變量是全局變量，函數(shù)內(nèi)可以直接使用。

在函數(shù)內(nèi)部沒有使用var定義的=變量則為全局變量，

*在函數(shù)內(nèi)使用var關(guān)鍵字定義的變量是局部變量，即出了函數(shù)外邊無法獲取。

js函數(shù)定義的參數(shù)沒有默認(rèn)值,(形參的默認(rèn)值在之前只有新版火狐支持,目前新版的chrome瀏覽器也可以支持)

JS中聲明全局變量主要分為顯式聲明或者隱式聲明下面分別介紹。 

聲明方式一： 

使用var（關(guān)鍵字）+變量名(標(biāo)識符)的方式在function外部聲明，即為全局變量，否則在function聲明的是局部變量。該方式即為顯式聲明詳細(xì)如下：

? var test = 5;//全局變量?
? function a(){?
? ? var a = 3;//局部變量?
? ? alert(a);?
? }?
? function b(){?
? ? alert(test);?
? }?
? //a();//調(diào)用a方法，那么方法里面的內(nèi)容才會執(zhí)行?
? //b();//同上?

聲明方式二： 

沒有使用var，直接給標(biāo)識符test賦值，這樣會隱式的聲明了全局變量test。即使該語句是在一個function內(nèi)，當(dāng)該function被執(zhí)行后test變成了全局變量。

? ? test = 5;//全局變量?
? ? function a(){?
? ? ? aa = 3;//也是全局變量?
? ? ? alert(test);?
? ? }?
? ? //a(); ?//輸出5?
? ? //alert(aa);//這里也可以方法a()方法里面的變量，因?yàn)閍a是全局變量?

聲明方式三： 

使用window全局對象來聲明，全局對象的屬性對應(yīng)也是全局變量，詳細(xì)如下：

<script>?
? window.test = 50;?
? alert(test);//輸出50?
</script>

以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論