DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript中變量聲明有var和沒var的區別
JavaScript中變量聲明有var和沒var的區別
編輯:JavaScript綜合知識     

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

1 2 3 (function(){  // ...  })();

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

1 2 3 4 5 6 7 8 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聲明全局對象的屬性無法刪除,我們還會發現和函數聲明創建的全局對象屬性也無法刪除。

1 2 3 4 delete fff; // 無法刪除  delete ffa; // 可刪除  delete ffb; // 可刪除  delete ffc; // 可刪除

結論就是,加上var 和沒加 var的聲明全局變量是有區別的。

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

1 2 3 4 5 6 7 8 // 函數定義表達式  var fns = function (){  // ...  };  // 函數聲明語句  function fns(){  // ...  }

函數聲明語句“被提前”到外部腳本或外部函數作用域的頂部,所以以這種方式聲明的函數,可以被再它定義之前出現的代碼所調用。而函數定義表達式中,變量的聲明被提前了,但是給變量的賦值是不會提前的,所以,以表達式方式定義的函數在函數定義之前無法調用。

1 2 3 4 5 6 7 8 9 10 11 12 (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";  })();

當然,我們聲明變量和函數,必須遵守基本的規范,變量和函數聲明要提前。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved