JavaScript中變數宣告有var和沒var的區別示例介紹

NO IMAGE

本文來論述JavaScript中變數宣告有var和沒var的區別,關於Js中的變數宣告的作用域是以函式為單位,所以我們經常見到避免全域性變數汙染的方法是


(function(){ 
// ... 
})();

在函式內部,有var和沒var宣告的變數是不一樣的。有var宣告的是區域性變數,沒var的,宣告的全域性變數,所以可以藉此向外暴露介面東東。
在全域性作用域內宣告變數時,有var 和沒var看起來都一樣,我們知道,宣告的全域性變數,就是window的屬性,究竟是否一樣,我們通過ECMAScrpit5提供的屬性的特性查詢方法,來發現之間的區別。


var fff = 2; 
window.ffa = 3; 
ffb = 4; 
this.ffc = 4; 
var ffftx = Object.getOwnPropertyDescriptor(window, 'fff'); //configurable:false,enumerable:true,value:2,writable:true 
var ffatx = Object.getOwnPropertyDescriptor(window, 'ffa'); //configurable:true,enumerable:true,value:2,writable:true 
var ffbtx = Object.getOwnPropertyDescriptor(window, 'ffb'); //configurable:true,enumerable:true,value:2,writable:true 
var ffctx = Object.getOwnPropertyDescriptor(window, 'ffc'); //configurable:true,enumerable:true,value:2,writable:true

通過上面,發現,原來還是有差別的,我們再用delete刪除屬性來驗證下,配置性為false的屬性無法刪除。也就是通過變數var宣告全域性物件的屬性無法刪除,我們還會發現和函式宣告建立的全域性物件屬性也無法刪除。


delete fff; // 無法刪除 
delete ffa; // 可刪除 
delete ffb; // 可刪除 
delete ffc; // 可刪除

結論就是,加上var 和沒加 var的宣告全域性變數是有區別的。

使用var語句重複宣告語句是合法且無害的。如果重複宣告且帶有賦值,那麼就和一般的賦值語句沒差別。如果嘗試讀取沒有宣告過的變數,Js會報錯。
JavaScript的函式作用域內,宣告的變數或內部函式,在函式體內都是可見的。意味著,函式在定義之前可能已經可用。函式定義有兩種方式,一種是函式定義表示式,一種是函式宣告語句。


// 函式定義表示式 
var fns = function (){ 
// ... 
}; 
// 函式宣告語句 
function fns(){ 
// ... 
} 

函式宣告語句“被提前”到外部指令碼或外部函式作用域的頂部,所以以這種方式宣告的函式,可以被再它定義之前出現的程式碼所呼叫。而函式定義表示式中,變數的宣告被提前了,但是給變數的賦值是不會提前的,所以,以表示式方式定義的函式在函式定義之前無法呼叫。


(function() { 
testa(); // 列印出testa 
testb(); // 報錯:提示undefined is not a function 
console.log(testc); //undefined,如果移到上面就可以了 
function testa() { 
console.log("testa"); 
} 
var testb = function() { 
console.log("tesb"); 
} 
var testc = "testc"; 
})();

當然,我們宣告變數和函式,必須遵守基本的規範,變數和函式宣告要提前。

您可能感興趣的文章:

基於JavaScript 宣告全域性變數的三種方式詳解簡單掌握JavaScript中const宣告常量與變數的用法JS宣告變數背後的編譯原理剖析jsp中變數及方法的宣告與使用Javascript var變數隱式宣告方法關於JavaScript中var宣告變數作用域的推斷js 宣告陣列和向陣列中新增物件變數的簡單例項JavaScript變數宣告詳解淺談JavaScript中定義變數時有無var宣告的區別Javascript同時宣告一連串(多個)變數的方法