JavaScript變量提升和嚴格模式實例分析
本文實例講述了JavaScript變量提升和嚴格模式。分享給大家供大家參考，具體如下：
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
//相當(dāng)于：
/*
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ù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了理解JavaScript設(shè)計模式中的單例模式，單例模式即Singleton?Pattern是最簡單的設(shè)計模式之一，下文更多相關(guān)介紹感興趣的小伙伴可以參考一下2022-04-04
這篇文章主要介紹了js彈出模態(tài)框方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
本文給大家分享的是個人在使用json數(shù)據(jù)生成樹狀目錄的時候，由于作用域問題處理不當(dāng)引起的一個小BUG的修復(fù)過程，小伙伴們需要的話可以參考下。2015-07-07
這篇文章主要介紹了JS經(jīng)典正則表達式筆試題,結(jié)合實例形式匯總分析了javascript正則表達式的經(jīng)典使用技巧,需要的朋友可以參考下2016-12-12
location是javascript里面管理地址欄的內(nèi)置對象.2010-11-11
這篇文章主要介紹了IE瀏覽器下JS腳本提交表單后，不能自動提示問題解決方法,涉及IE瀏覽器配置與javascript事件處理操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細介紹了javascript實現(xiàn)評分功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
滾動條的監(jiān)聽與內(nèi)容隨著滾動條動態(tài)加載的實現(xiàn)
下面小編就為大家?guī)硪黄獫L動條的監(jiān)聽與內(nèi)容隨著滾動條動態(tài)加載的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要為大家分享了js實現(xiàn)搜索框關(guān)鍵字智能匹配代碼，感興趣的朋友可以參考一下2016-01-01
這篇文章主要介紹了詳解javascript 變量提升(Hoisting),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03