這篇講的是JavaScript的變數基礎，先講一下變數的基礎概念和標量的資料型別，希望對大家有幫助，一起加油！
變數
1.1 變數的概念：
變數是指程式中一個已經命名的儲存單位，它的主要功能就是為資料操作提供存放資訊的容器。變數可以看作是一個容納資料的容器。
1.2 變數的宣告與賦值
在JavaScript中，使用變數前需要先聲明，宣告變數是使用系統關鍵字var來進行的。在宣告變數時也可以使用賦值號碼「=」對變數進行賦值，語法格式如下：
範例：
var name ; //声明一个变量
var name,city,like ; //声明多个变量，多个变量之间用英文状态下的逗号分开
var name = "阿泽"; //声明一个变量并且赋值
登入後複製
1.3 變數的命名規則
2.變數的資料型別
#變數的型別關鍵在於值的型別
#2.1數值型
數值型的變數是可以進行數學運算的，它包括：整數、浮點型和NaN
例：
var a = 10;
var y = 0.1;
var x = 100;
登入後複製
其中較為特殊的是：NaN（not a number)不是一個數字。當將其它資料類型，轉成數值型，轉不過去，但程式又不能報錯，這時會傳回一個NaN的值。如下情況：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<script>
var length = "500m";
length = length*5;
document.write(length);
</script>
</head>
<body>
</body>
</html>登入後複製
現在我們想讓一個東西的長度變成原來的5倍，一個字串，是不能轉換成有意義的數值的，只能轉換成NaN
一個含純數字的字串，可以轉成有意義的數值，可以修改length為純數字的字串，輸出查看結果。
2.2字元型
單引號或雙引號引起來的一個字串。
要注意的是：單引號和雙引號之間可以相互嵌套；單引號內只能嵌套雙引號，雙引號內只能嵌套單引號。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var name = "阿泽";
var str = "我的名字是'" +name+"'"
document.write(str)
</script>
</head>
<body>
</body>
</html>登入後複製
其中加號是字串連接符，如果想在雙引號內，再嵌套雙引號，裡面的雙引號，一定要進行轉義(\”)。JS中的轉義字符是反斜線（\）。
常用的轉義字元有：\'、\”、\\\ 、\r、\n等。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var name = "阿泽";
var str = "我的名字叫做\"" +name+"\""
document.write(str)
</script>
</head>
<body>
</body>
</html登入後複製
2.3 布林型
布林型又稱邏輯型。只有兩個值：true(真)、false(假)。也就是兩個狀態，例如：燈的開關、性別等。
var a = true;
var b = false
登入後複製
布林型常用if條件判斷語句中，例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var a = 10;
var b = 110;
if(x>y){
document.write(a+"比"+b+"大");
}else{
document.write(b+"比"+a+"大");
}
</script>
</head>
<body>
</body>
</html>登入後複製
#2.4 未定義型
未定義型的值只有一個undefined。
一個變數定義，當未被賦值時，會返回為未定義型；當一個對象，當屬性不存在時，也會返回為未定義型；
例：未賦值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var x;
document.write(x);
</script>
</head>
<body>
</body>
</html>登入後複製
2.5 空型
空型只有一個值：null。
當一個物件不存在時，將傳回空型；如果你想清除一個變數的值的話，可以給賦一個null的值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var x = null;
var a = 100;
var a = null ;
document.write(x);
document.write(a);
</script>
</head>
<body>
</body>
</html>登入後複製
【推薦學習：javascript進階教學】
以上是JavaScript的變數基礎精選（超詳細的學習分享！）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
