整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
S怎么定義變量，三種方法，三種作用域
在JavaScript中定義變量大致有三種方法，分別是使用var、let關鍵詞，以及不使用關鍵詞。這三種聲明的變量的作用域有所區別，下面將通過實例逐一進行介紹。
通過關鍵詞var聲明的變量擁有函數級作用域：
<script>
{var b=1}
function addone(a){
return a+b
}
alert(addone(1))
</script>
通過let定義的變量通常只在聲明它的代碼塊（以及任何包含此代碼塊的代碼塊）中可見【點擊試一試按鈕進入在線編輯器，然后點擊運行（會沒有反應，不會像上面的實例一樣有窗口彈出），可觀察let和var的區別】：
<script>
{let b=1}
function addtwo(a){
return a+b
}
alert(addtwo(2))
</script>
不加任何關鍵詞聲明的變量，將自動轉變為全局變量，下方的實例中，在函數內部聲明了一個全局變量，然后將在函數外部訪問此變量：
<script>
function addthree(a){
b=3
return a+b
}
c=addthree(2)
alert(b)
</script>
原文：JS怎么定義變量，三種方法，三種作用域 | JavaScript語法
免責聲明：內容僅供參考。
這里是云端源想IT，幫你輕松學IT”
嗨~ 今天的你過得還好嗎？
來日方長
熱愛和眾望終會殊途同歸
- 2024.04.19 -
在編程的世界里，數據是構建一切的基礎。而在JavaScript中，變量就是存儲數據的容器。它們就像是我們生活中的盒子，可以裝下各種物品，讓我們在需要的時候隨時取用。
今天，就讓我們一起揭開變量的神秘面紗，探索它們的概念、使用規則，以及那些令人頭疼的錯誤。
變量，顧名思義，是可以變化的量。在JavaScript中，變量是用來存儲數據的，這些數據可以是數字、字符串、對象等等。想象一下，如果沒有變量，我們的程序就會變得非常死板，無法靈活地處理和交換信息。
注意：變量不是數據本身，它們僅僅是一個用于存儲數值的容器。可以理解為是一個個用來裝東西的紙箱子。
1）聲明變量
要想使用變量，首先需要創建變量（也稱為聲明變量或者定義變量），JavaScript中通常使用var關鍵字或者let關鍵字進行變量的聲明操作。
語法：
var age; //聲明一個名為age的變量
let name; //聲明一個名為name的變量舉例：
let age2） 變量賦值
聲明出來后的變量是沒有值的，我們需要對聲明出來的變量進行賦值操作。
變量賦值的語法為：
var age; //聲明一個名為age的變量
age=18; //為該個age變量賦值為18定義了一個變量后，你就能夠初始化它（賦值）。在變量名之后跟上一個“=”，然后是數值。
注意：是通過變量名來獲得變量里面的數據。
3）變量初始化
變量初始化就相當于聲明變量和變量賦值操作的結合，聲明變量并為其初始化。
變量初始化語法為：
var age=18; //聲明變量age并賦值為18案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>變量的使用</title>
</head>
<body>
<script>
// 1. 聲明一個年齡變量
let age
// 2. 賦值
age=18
console.log(age)
// 3. 聲明的同時直接賦值 變量的初始化
let age2=18
// 小案例
let num=20
let uname='pink老師'
console.log(num)
console.log(uname)
</script>
</body>
</html>4）更新變量
變量賦值后，還可以通過簡單地給它一個不同的值來更新它。
注意： let 不允許多次聲明一個變量。
案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>變量的使用更新</title>
</head>
<body>
<script>
// 1 聲明的同時直接賦值 變量的初始化
// let age=18
// age=19
// // let age=19
// console.log(age)
// 2. 聲明多個變量
// let age=18, uname='迪麗熱巴'
// console.log(age, uname)
</script>
</body>
</html>
5）聲明多個變量
語法：多個變量中間用逗號隔開。
let age=18,uname='pink'說明：看上去代碼長度更短，但并不推薦這樣。為了更好的可讀性，請一行只聲明一個變量。
輸入用戶名案例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>輸入用戶名案例</title>
</head>
<body>
<script>
// 輸出用戶名案例
// 1. 用戶輸入
// prompt('請輸入姓名')
// 2. 內部處理保存數據
let uname=prompt('請輸入姓名')
// 3. 打印輸出
document.write(uname)
</script>
</body>
</html>1、var聲明的特點：
2、let 聲明的特點：
注意：
案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>let和var的區別</title>
</head>
<body>
<script>
// var可以重復聲明，后面聲明的覆蓋前面的
var num1
var num1=10
var num1=20
console.log(num1)
// let不能重復聲明，直接編譯不通過
// let num
// let num=20
// let num=10
// console.log(num)
</script>
</body>
</html>規則：必須遵守，不遵守報錯 (法律層面)
規范：建議，不遵守不會報錯，但不符合業內通識 （道德層面）
案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>變量的命名規范</title>
</head>
<body>
<script>
// let if=10
let num1$_=11
// let nav-bar=11
// let 1num=10
//嚴格區分大小寫
let pink='老師'
let Pink='演員'
console.log(pink, Pink)
</script>
</body>
</html>嚴格模式是一種限制性更強的JavaScript運行環境。在嚴格模式下，一些不安全或容易出錯的行為會被禁止。
'use strict';這是一個字符串，不支持strict模式的瀏覽器會把它當做一個字符串語句執行，支持strict模式的瀏覽器將開啟strict模式運行JavaScript。
如果瀏覽器不報錯，說明你的瀏覽器太古老了，需要盡快升級。
'use strict';
// 如果瀏覽器支持strict模式，下面的代碼將報ReferenceError錯誤:
abc='Hello, world';
console.log(abc);有時候，我們希望某些變量的值在程序運行過程中保持不變。這時，可以使用const關鍵字來聲明一個常量。
const是ES6引入的一個新特性，用于聲明常量。常量一旦被聲明并賦值后，其值就不能被改變。這為我們提供了一種保護機制，確保某些值不會被意外修改。
想要快速入門前端開發嗎？推薦一個前端開發基礎課程，這個老師講的特別好，零基礎學習無壓力，知識點結合代碼，邊學邊練，可以免費試看試學，還有各種輔助工具和資料，非常適合新手！點這里前往學習哦！云端源想-程序員必看的精品課程
案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>常量</title>
</head>
<body>
<script>
// 1.聲明常量，使用常量
const PI=3.14
console.log(PI)
//不允許更改值
//PI=3.15
// 2. 常量聲明的時候必須賦值
//const G
</script>
</body>
</html>1、常量必須要賦值
2、常量被重新賦值
3、變量未定義
分析：
4、重復聲明變量
分析：
變量是JavaScript編程的基礎，掌握了變量的聲明和使用，就能更好地理解和編寫代碼。希望這篇文章能幫助你更好地理解和使用變量，讓你的編程之路更加順暢。
記住，實踐是最好的老師，多寫代碼，多嘗試，你會發現，原來變量的世界，也可以如此精彩！
如果覺得本文對你有所幫助，別忘了點贊和分享哦！
今天就先講到這里了，
更多前端開發基礎知識點擊文末閱讀原文查看哦！
記得關注【云端源想IT】一起學編程！
我們下期再見！
END
文案編輯|云端學長
文案配圖|云端學長
內容由：云端源想分享
量與常量是存儲數據的容器。
變量可以更換內容，重復使用。
常量裝下一個值后就不能再改變這個值了。
初中的時候，學習了一個學科“代數”，x、y、z、a、b、c。計算機的程序中，也是有這樣的量，就是用字母來表示數字，即為“變量”。
//定義變量的語法
var a=100; //注意：var后面必須加一個空格我們使用關鍵字var來定義一個變量a，a的值是100。理解為：用變量a來存放數值100.
var就是英語“variant”變量的縮寫。var后面要加一個空格，空格后面的東西就是“變量名”。
等號表示賦值，會將等號右邊的值，賦給左邊的變量。
各語言定義變量的對比：
var a="測試"； // javascript 弱變量類型的語言，變量只需要用var來聲明。
var a:string="測試"; //TypeScript 語法： var [變量名] : [類型]=值;
String a="測試"; // java 語法：[修飾符] 類型 變量名 [=默認值];
a="測試"; // python變量名的命名規范：
只能由英語字母、數字、下劃線、美元符號$構成，且不能以數字開頭，并且不能是JavaScript保留字。
1.變量命名必須以字母或是下標符號”_”或者”$”為開頭。
2.變量名長度不能超過255個字符。
3.變量名中不允許使用空格。
4.不用使用腳本語言中保留的關鍵字及保留符號作為變量名。
5.變量名區分大小寫。(javascript、Java、Python是區分大小寫的語言)
下列的單詞，叫做保留字，就是說不允許當做變量名（了解就好，不用記）：
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
變量只有定義（聲明）之后，這個變量才能夠使用。
<script type="text/javascript">
console.log(a); //不定義變量，直接輸出該變量,則會報錯
</script>正確示例：
var a; // 定義，定義變量后它是空的（undefined），它里面沒有值。
a=100; //賦值，賦值用等于號，表示等號右邊的值，賦給左邊的變量。
console.log(a); //輸出100也可以把定義和賦值寫在一起：
var a=100; //定義，并且賦值100
console.log(a); //輸出100靜態語言和動態語言
javaScript可以把任意數據類型賦值給變量，同一個變量可以反復賦值，而且可以是不同類型的變量。
這種變量本身類型不固定的語言稱之為動態語言，與之對應的是靜態語言。
靜態語言在定義變量時必須指定變量類型，如果賦值的時候類型不匹配，就會報錯。
例如，Java是靜態語言，賦值語句如下：
int a=123; // a是整數類型變量
a="ABC"; // 錯誤：不能把字符串賦給整型變量undefined的簡單介紹
在計算機程序中，經常會聲明無值的變量。未使用值來聲明的變量，其值實際上是 undefined。
在執行過以下語句后，變量 carname 的值將是 undefined：
var carname;區分變量和字符串
var a=100;console.log(a);console.log("a"); //輸出字母a這個a在引號里面，所以就是一個字符串“a”了，而不是一個變量。換句話說，一個變量如果想輸出保存的內容，那么就不能加引號。
#JavaScript# #前端#
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
