JavaScript中變數聲明有var和沒var的區別樣本介紹,javascriptvar

來源:互聯網
上載者:User

JavaScript中變數聲明有var和沒var的區別樣本介紹,javascriptvar

本文來論述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裡面加上var與不加申明的變數有什不同

全域變數可以不聲明var 函數內變數必須聲明var
 
js 函數的參數聲明中用 var 與不用 var的不同

沒有在函數參數前聲明var的,你搞錯了
如果堅持認為沒錯,請給出您所見到的代碼,並自己先測試一下能不能在瀏覽器中跑?
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.