溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“JS變量作用域是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JS變量作用域是什么”吧！
變量的作用域，指的是變量在腳本代碼中的可讀、可寫的有效范圍，也就是腳本代碼中可以使用這個變量的區(qū)域。在ES6之前，變量的作用域主要分為全局作用域、局部作用域(也稱函數(shù)作用域)兩種;在ES6及其之后，變量的作用域主要分為全局作用域、局部作用域、塊級作用域這3種。相應(yīng)作用域變量分別稱為全局變量、局部變量、塊級變量。全局變量聲明在所有函數(shù)之外;局部變量是在函數(shù)體內(nèi)聲明的變量或者是函數(shù)的命名參數(shù);塊級變量是在塊中聲明的變量，只在塊中有效。
變量的作用域跟聲明方式有密切的關(guān)系。使用var聲明的變量的作用域有全局作用域和局部作用域，沒有塊級作用域;使用let和const聲明的變量有全局作用域、局部作用域和塊級作用域。
注：嚴(yán)格意義的全局變量都屬于Window對象的屬性，但let和const聲明的變量并不屬于Windows對象，所以它們并不是嚴(yán)格意義上的全局變量，在此僅僅從它們的作用域這個角度來說它們是全局變量的。
由于var支持變量提升，所以var變量的全局作用域是對整個頁面的腳本代碼有效;而let和const不支持變量提升，所以let和const變量的全局作用域指的是從聲明語句開始到整個頁面的腳本代碼結(jié)束之間的整個區(qū)域，而聲明語句之前的區(qū)域是沒有效的。同樣，因為var支持變量提升，而let和const不支持變量提升，所以使用var聲明的局部變量是在整個函數(shù)有效，而使用let和const聲明的局部變量從聲明語句開始到函數(shù)結(jié)束之間的區(qū)域有效。需要注意的是，如果局部變量和全局變量同名，則在函數(shù)作用域中，局部變量會覆蓋全局變量，即在函數(shù)體中起作用的是局部變量;在函數(shù)體外，全局變量起作用，局部變量無效，此時引用局部變量將出現(xiàn)語法錯誤。在塊開始到塊級變量聲明語句之間區(qū)域為暫時性死區(qū)，在這個區(qū)域，塊級變量沒有效。
另外，在非嚴(yán)格運行模式中，變量可以不需要聲明，這些沒有聲明的變量，不管在哪里使用都屬于全局變量。通常不建議變量不聲明而直接使用，因為這樣有可能會產(chǎn)生一些不易發(fā)現(xiàn)的錯誤。
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> var v1 = "JavaScript"; // 全局變量 let v2 = "JScript"; // 全局變量 let v3 = "Script"; // 全局變量 scopeTest(); // 調(diào)用函數(shù) function scopeTest(){ var lv = "aaa";//局部變量 var v1 = "bbb";//局部變量 let v2 = "ccc";//局部變量 if(true){ let lv = "123"; console.log("塊級輸出的lv= " + lv); // 123 } console.log("函數(shù)體內(nèi)輸出的lv = " +lv); //aaa console.log("函數(shù)體內(nèi)輸出的v1 = " +v1); //bbb console.log("函數(shù)體內(nèi)輸出的v2 = " +v2); //ccc console.log("函數(shù)體內(nèi)輸出的v3 = " +v3); //Script console.log("函數(shù)體內(nèi)輸出的v4 = " +v4); // undefined, v4為全局變量，賦值在后面，var存在變量提升，因而值為undefined } var v4 = "VB"; //全局變量 console.log("函數(shù)體外輸出的lv = " +lv); // 報ReferenceError錯誤 console.log("函數(shù)體內(nèi)輸出的v1 = " +v1); //JavaScript console.log("函數(shù)體內(nèi)輸出的v2 = " +v2); //JScript console.log("函數(shù)體內(nèi)輸出的v3 = " +v3); //Script console.log("函數(shù)體內(nèi)輸出的v4 = " +v4); // VB </script> </body> </html>上述腳本代碼分別聲明了4個全局變量、3個局部變量和1個塊級變量。在scopeTest函數(shù)體外，變量v1、v2、v3和v4為全局變量;在scopeTest函數(shù)體內(nèi)，lv、v2是全局變量;在if判斷塊中，lv是塊級變量。我們看到，局部變量v1和v2與全局變量v1和v2同名，在scopeTest函數(shù)體內(nèi)，局部變量v1和v2有效，因而在函數(shù)體這2個變量的輸出結(jié)果分別為bbb和ccc;在函數(shù)體外全局變量v1和v2有效，因而在函數(shù)體外，這2個變量的輸出結(jié)果分別為JavaScript和JScript。另外，塊級變量lv和局部變量lv同名，在if判斷塊中，塊級變量lv有效，因而在塊中輸出的結(jié)果為123，而在塊外，局部變量lv有效，lv變量的輸出結(jié)果為aaa。另外，全局變量v3和v4在函數(shù)體中沒有被覆蓋，因而輸出的是全局變量的值，所以v3在函數(shù)體外和體內(nèi)輸出結(jié)果都是Script，而v4變量的賦值在函數(shù)調(diào)用的后面，因而在函數(shù)體中的v4輸出結(jié)果為undefined，而在函數(shù)體外的輸出是在聲明之后，所以結(jié)果為VB。lv是局部變量，因而在函數(shù)體外訪問會報ReferenceError錯誤。
總結(jié)：塊級變量在塊內(nèi)覆蓋局部變量，局部變量在函數(shù)體內(nèi)覆蓋全局變量，沒有被覆蓋的全局變量在函數(shù)體內(nèi)、外都有效。
感謝各位的閱讀，以上就是“JS變量作用域是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對JS變量作用域是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼