从零开始学 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(参数);