本文實例講述了JavaScript變量提升和嚴格模式。分享給大家供大家參考,具體如下:
梅河口網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)于2013年成立到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
1.什么是變量提升
所謂的變量提升指的是:函數(shù)聲明和變量聲明總是會被解釋器悄悄地被"提升"到方法體(作用域)的最頂部。
下面我們通過一個例子來詳細說明一下。
//變量聲明在使用之前 var x; console.log(x);//undefined //變量聲明在使用之后 console.log(y);//undefined var y; //上面的式子可以寫成下面的樣子 /* 變量提升:把x,y提升到頂部 var x; var y; console.log(x); console.log(y); */
從上面這個例子我們可以看到:
①變量的使用有兩種形式,先聲明再使用或者先使用后聲明;
②無論是哪一種形式都不影響變量的使用,這是因為有變量提升的存在,每一個你定義的變量都會被提升到頂部,也就是函數(shù)最開始的部分,這就變成了你在使用變量時其實都已經(jīng)聲明變量了。
下面我舉一個經(jīng)典的例子來更好地理解一下。
//經(jīng)典案例:window表示全局,判斷條件(變量a是否有在全局下)是在變量a聲明之前 if(a in window){ var a; console.log('a in window'); }else{console.log('a not in window');} //a in window //相當于: /* var a; //a被提升到頂部 if(a in window){ console.log('a in window'); }else{console.log('a not in window');} */
這是變量提升的一個很好的例子,可以看到打印出來的結(jié)果表明,在我們使用a之前,聲明變量a就被提升到頂部。
但是,要注意的是JavaScript 只有聲明的變量會提升,初始化的不會。
console.log(c);//undefined var c = 1; //初始化 /* var c; console.log(c); c = 1; */ var d;//聲明d d = 1;//初始化 console.log(d);//1
上面的c打印結(jié)果為undefined,這是因為提升的只有聲明變量var c
,而初始化的c=1
沒有提升而在使用之后。
為了避免上面出現(xiàn)的變量提升的問題,通常我們在每個作用域開始前聲明我們要使用的變量。
2.嚴格模式
嚴格模式的寫法就是在代碼編寫之前加上"use strict",嚴格模式要求你不能使用未聲明的變量,否則會報錯。
例如:
"use strict"; //嚴格模式 m =1; console.log(m);//m is not defined //在嚴格模式下,因為m未被聲明就被使用或者初始化則會報錯 var n = 1; console.log(n);//1
但是在沒有使用嚴格模式的時候:
m =1; console.log(m);//1 //在非嚴格模式下,同樣這樣寫就不會報錯
雖然還是沒有聲明變量m但還是可以使用的。
所以,還是建議大家盡可能得使用嚴格模式來編寫javascript代碼,以消除Javascript語法的一些不合理、不嚴謹之處,讓自己成為一個更優(yōu)秀的程序員。
感興趣的朋友還可以使用本站在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行結(jié)果。
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。