063_提升Hoisting
生活随笔
收集整理的這篇文章主要介紹了
063_提升Hoisting
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 提升(Hoisting)是JavaScript將聲明移至頂部的默認行為。
2. var聲明變量會被提升
2.1. 使用var聲明的變量會被提升。
2.2. 實例
a = 5; // 把5賦值給a document.write('a = ' + a + "<br />"); // 輸出a = 5 var a; // 聲明a2.3. 使用var聲明的變量只有聲明被提升, 初始化或賦值不會被提升。
// 初始化不會被提升 document.write('b = ' + b + "<br />"); // 輸出b = undefined var b = 10;var c; document.write('c = ' + c + "<br />"); // 輸出c = undefined // 賦值不會被提升 c = 15;3. 函數提升
3.1. 函數提升(Hoisting)是JavaScript將聲明移動到當前作用域頂端的默認行為。
3.2. 正因如此, JavaScript函數能夠在聲明之前被調用:
// 聲明前使用函數 document.write('sqr(20) = ' + mySqr(20) + "<br />"); // sqr(20) = 400// 聲明函數 function mySqr(x) {return x * x; }3.3. 使用表達式定義的函數(匿名函數、自調用函數、箭頭函數)不會被提升。
4. 例子
4.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>提升-Hoisting</title></head><body><script type="text/javascript">a = 5; // 把5賦值給adocument.write('a = ' + a + "<br />"); // 輸出a = 5var a; // 聲明a// 初始化不會被提升document.write('b = ' + b + "<br />"); // 輸出b = undefinedvar b = 10;var c;document.write('c = ' + c + "<br />"); // 輸出c = undefined// 賦值不會被提升c = 15;// 聲明前使用函數document.write('sqr(20) = ' + mySqr(20) + "<br />"); // sqr(20) = 400// 聲明函數function mySqr(x) {return x * x;}</script></body> </html>4.2. 效果圖
5. 在頂部聲明您的變量
5.1. Hoisting(對很多開發者來說)是JavaScript的一種未知的或被忽視的行為。
5.2. 如果開發者不理解hoisting, 程序也許會包含bug(錯誤)。
5.3. 為了避免bug, 請始終在每個作用域的開頭聲明所有變量, 請保持這個好習慣。
5.4. 嚴格模式中的JavaScript不允許在未被聲明的情況下使用變量。
總結
以上是生活随笔為你收集整理的063_提升Hoisting的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 062_JavaScript异常
- 下一篇： 064_let关键字