教大家在JavaScript中以不同的方式聲明變數
- 藏色散人原創
- 2021-08-17 14:13:512084瀏覽
在上一篇文章《如何透過js傳回大於指定數字的陣列元素》中為大家介紹了怎麼透過js傳回大於指定數字的陣列元素，有興趣的朋友可以學習了解一下~
那麼本文的主題就是教大家在JavaScript中以不同的方式宣告變數！
首先大家應該也知道在JavaScript 中，可以透過使用不同的關鍵字以不同的方式宣告變量，畢竟每個關鍵字在JavaScript 中都有一些特定的功能；基本上我們是可以透過使用var、let和const關鍵字以三種不同的方式來聲明變量，並且每個關鍵字都在某些特定條件下使用。
附註：在2015年以前，我們使用var關鍵字來宣告JavaScript變數；ES2015(ES6) 新增加了兩個重要的JavaScript關鍵字let和const。
第一種方式var：
#var：此關鍵字用於全域宣告變量，如果使用此關鍵字來聲明變量，則該變數也可以全域存取和變更。
註：它適用於較短的程式碼。
其語法如:
var variableName = "Variable-Value;"
一個通過var聲明變數的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
</head>
<body>
<script>
var geeks = "I love PHP中文网";
console.log(geeks);
</script>
</body>
</html>則會輸出“I love PHP中文網”，如下圖：
第二種方式let：
let: 這個關鍵字用於在本地聲明變量，如果使用此關鍵字來聲明變量，則該變量可以在本地訪問並且也是可變的。
註：let宣告的變數只在let指令所在的程式碼區塊內有效。
語法：
let variableName = "Variable-Value;"
一個透過let宣告變數的範例：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
</head>
<body>
<script>
if (true) {
let geeks = "I love PHP中文网";
console.log(geeks);
}
/* 显示未定义错误 */
console.log(geeks);
</script>
</body>
</html>輸出：
第三種方式const：
const: 此關鍵字用於全域宣告變數。如果您使用此關鍵字聲明變量，則該變數可以全域存取且不可變更。
註：const宣告一個唯讀的常數，一旦宣告，常數的值就不能改變。
語法：
const variableName = "Variable-Value;"
一個透過const宣告變數的範例：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
</head>
<body>
<script>
const geeks = "I love PHP中文网";
console.log(geeks);
</script>
</body>
</html>輸出:
以上是教大家在JavaScript中以不同的方式聲明變數的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn