當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

Web前端开发笔记——第四章 JavaScript程序设计第二节变量

發布時間：2024/2/28 javascript 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 Web前端开发笔记——第四章 JavaScript程序设计第二节变量小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一、JavaScript中的注釋

JavaScript中單行注釋通過“//”，多行注釋通過“/*”開頭并以“*/”結尾。

二、變量的命名規則

JavaScript中命名變量必須以字母開頭（也能以 $ 或 _ 符號開頭），且變量名不能包含空格和標點符號，另外變量里不能是關鍵字、保留字作為變量名。
例如：var default、var 2cots、var number first都是錯誤的命名。

三、變量聲明以及賦值

JavaScript中聲明一個變量需使用關鍵字var，而變量的賦值通過使用=，也可以通過省略關鍵字var來聲明變量，例如i=1，就沒有使用關鍵字var。
例如，下列HTML代碼，可以看出若聲明變量但沒有賦值在控制臺中會顯示未定義undefined，即此時該變量的值為undefined：

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var a;console.log(a);</script></body></html>

控制臺中：

例如，下列HTML代碼，若未經聲明變量而使用變量，則會報錯顯示未定義：

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>b = 100;console.log(a);</script></body></html>

控制臺中：

可以在一條JavaScript語句中聲明多個變量，以 var 開頭，且通過使用逗號隔開各個變量即可：

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var a = "HELLO WORLD!",b = "python",c = 123;console.log(a, b, c);</script></body></html>

控制臺中：

四、變量作用域

JavaScript中變量分為局部變量和全局變量，在函數內聲明為局部變量，它只能在函數內使用，即它的變量作用域只作用該函數；而在函數外定義的變量為全局變量，它可以在整個JavaScript代碼中使用，另外若在函數內沒有通過var關鍵字聲明該變量，則聲明的該變量為全局變量。
例如，下列HTML代碼，定義了兩個全局變量，一個全局變量是用于F()函數內沒有通過var關鍵字聲明變量b，所以它也是個全局變量：

<!DOCTYPE html> <html><head><meta charset="utf-8"><title>text1</title></head><body><script>var i = "HELLO WORLD!";function F() {var a = 123;b = 321;console.log(i);console.log(a);}F();console.log(b);</script></body></html>

控制臺中：

五、變量提升

在JavaScript中，執行代碼時，先是獲取所有被聲明被聲明的變量，然后再根據代碼的順序一條一條地運行代碼，即所有變量聲明語句都會被提升到代碼的頭部執行，也就是變量提升，另外變量提升只會提升變量的聲明而不會把變量賦值也提升。

總結

以上是生活随笔為你收集整理的Web前端开发笔记——第四章 JavaScript程序设计第二节变量的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Web前端开发笔记——第四章 JavaS
下一篇： Web前端开发笔记——第四章 JavaS