溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關JavaScript的變量基礎知識點有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
1.1 變量的概念：
變量是指程序中一個已經命名的儲存單位，它的主要作用就是為數據操作提供存放信息的容器。變量可以看作是一個容納數據的容器。
1.2 變量的聲明與賦值
在JavaScript中，使用變量前需要先對其進行聲明，聲明變量是使用系統關鍵字var來進行的。在聲明變量時也可以使用賦值號“=”對變量進行賦值，語法格式如下：
var 變量名 = 變量值
舉例：
var name ; //聲明一個變量 var name,city,like ; //聲明多個變量，多個變量之間用英文狀態下的逗號分開 var name = "阿澤"; //聲明一個變量并且賦值
1.3 變量的命名規則
變量不能以數字開頭，可以以字母或下劃線開頭。
JavaScript的變量名要區分大小寫。
不能使用JavaScript中的關鍵字作為變量名。
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的變量基礎知識點有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
