從零開始學 Web 之 JavaScript（二）變量

你們好，這裏是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公衆號，歡迎你們訂閱關注。在這裏我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的項目。如今就讓咱們一塊兒進入 Web 前端學習的冒險之旅吧！

1、變量

一、變量的聲明和初始化

var number;               // 變量的聲明，沒有賦值
var name = "Daotin"; // 變量的初始化

---

二、命名規則（駝峯命名）

• 變量命名必須以字母或是**下標符號 "_" 或者 "$" 爲開頭。
• 變量名長度不能超過 255 個字符。
• 變量名中不容許使用空格，首個字不能爲數字。
• 不用使用腳本語言中保留的關鍵字及保留符號做爲變量名。
• 變量名區分大小寫。
• 漢語能夠做爲變量名。可是不建議使用！

---

三、數據類型

查看數據類型的方法：typeof name; 或 typeof(name);

PS：null 的數據類型是 Object。

基礎數據類型：
String，Number，Boolean，unsigned、null

複雜數據類型：
Object，function，Array，Date，Error 等

---

四、Number

4.一、進制

var num = 10;          // 十進制
var num = 012;         // 八進制：0開頭
var num = 0xA;         // 十六進制：0x開頭

4.二、數值範圍

最小值： Number.MIN_VALUE ，這個值爲： 5e-324
最大值： Number.MAX_VALUE ，這個值爲： 1.7976931348623157e+308

無窮大： Infinity
無窮小： -Infinity

4.三、不要用小數去驗證小數

var num1 = 0.1;
var num2 = 0.2;
console.log(num1+num2); // 0.30000000000000004
console.log(0.07*100); // 7.000000000000001

4.四、NaN

NaN：（Not a Number）原本應該獲得一個數值的，可是結果卻並非一個數值。

console.log("abc"/18); // 結果是NaN

一、undefined 和任何數值計算爲 NaN;
二、NaN 與任何值都不相等，包括 NaN 自己。
三、isNaN(); 任何不能被轉換爲數值的值都會致使這個函數返回 true。

---

五、String

1. 使用單引號或者雙引號都可。
2. 獲取字符串的長度使用 變量名.length
3. 沒法輸出的字符，記得使用轉義字符（\t , \, ", \ 等）
4. 字符串拼接可使用 + ，像在 Java 同樣。
5. 當一個是字符串，另外一個是數字，而且使用 乘，減，除 號的時候，字符串會轉換成數字進行計算，轉換失敗返回NaN。
6. js 沒有字符類型只有字符串類型，字符串使用 "" 或者 '' 都是能夠的。
7. 字符串是常量不可變的。

示例：

var str = "hello";
str[0] = "w";
console.log(str); // 仍是 hello

var str = "hello";
str = "world";
console.log(str); // 是 world，這個不是改變了當前str地址的字符串的值，而是str指向了新的字符串，舊的字符串的值仍然沒有更改。

---

六、Boolean

Boolean類型只有兩個字面量： true 和 false 。可是全部類型均有與這兩個 Boolean 值等價的值。

下面類型爲 true：true、除0數字、"something"、Object(任何對象)
下面類型爲 false：false、0 、""(空字符串)、undefined 、null、NaN

---

七、undefined 與 null

雖然 undefined 和 null 都爲 false，可是他們的區別是：

1. 在進行數字運算的時候，null + 10 = 10；undefined + 10 = NaN.
2. 任何數據類型和 undefined 運算都是 NaN;
3. 任何值和 null 運算，null 可看作 0 運算。

---

八、數據類型轉換

8.一、其餘類型轉換成String

1. 變量+"" 或者 變量+"其餘變量"
2. String(變量)
3. 變量.toString(); // 注意：undefined 和 null 不能夠

var bool = true;
var num = 111;
var aaa;
var bbb = null;

console.log(typeof(bool+""));  // string
console.log(typeof(num+""));   // string
console.log(typeof(aaa+""));   // string
console.log((aaa+""));         // undefined
console.log(typeof(bbb+""));   // string

8.二、其餘類型轉換成 Number

此轉換容易產生 NaN，一旦被轉換的變量中含有非數字字符，都容易出現 NaN.

**1. 變量 -*/ 一個數字（有非數字字符會出現 NaN）**

var num1 = "11" - 0; 
var num2 = "11" * 1;
var num  = "11" / 1;

2. Number(變量);（有非數字字符會出現NaN）

Number("11");
Number(""); // 空字符串返回 0

3. parseInt() 和 parseFloat()（譯爲取整和取浮點數）

空字符串：parseInt("") 和 parseFloat("") 返回 NaN。

parseInt(變量)：若是變量中首字符爲字母則結果爲 NaN。不然取出現首個非數字前的整數。 123 = parseInt(「123.123aaaa」);

parseFloat(變量)：若是變量中首字符爲字母則結果爲 NaN。不然取出現首個非數字前的浮點數。（若是沒有小數的話取整） 123.123 = parseFloat(「123.123aaaa」);

PS：

true 數值爲 1；false 爲0；
null 的數值類型爲 0；
undefined 無數值類型或者爲 NaN。

8.三、其餘類型轉換成 Boolean

任何數據類型均可以轉換成 boolean 類型，因此和以上兩個轉換不一樣。將任意類型做爲參數傳入 Boolean(參數) 中，均可以轉換成布爾值。

下面類型爲 true：true、除0數字、"something"、Object(任何對象)
下面類型爲 false：false、0 、""(空字符串)、undefined 、null、NaN

Boolean(參數);