js-变量

字面量：数字和字符串

“字面量”即常量

（1）数值的字面量。例如：

    alert(886);

（2）字符串的字面量一定要加上引号。

总结

如果直接使用字面量的话，非常麻烦。

变量更方便我们使用。

---

变量

变量的概念

变量：变量可以用来保存字面量，而且变量的值可以任意改变。

变量的定义和赋值

• 在ES6之前，统一使用var关键字来声明一个变量。
• 在ES6及之后，统一使用 const、let关键字来声明一个变量。

变量举例如下：

    var a = 100; // ES5语法

    const b = hello; // ES6 语法
    let b = world; // ES6 语法

var是英语“variant”变量的缩写。

• 定义变量：var就是一个关键字。
• 变量的赋值：等号表示赋值。
• 变量名：我们可以给变量任意的取名字。

变量要先定义，才能使用。比如，我们不设置变量，直接输出：

    <script type="text/javascript">
        console.log(a);
    </script>

正确写法：

    var a;
    a = 100;
    console.log(a);

    var a = 100;
    console.log(a);

变量的命名规范

变量名有命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。

下列的单词，叫做保留字，就是说不允许当做变量名，不用记：

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

大小写敏感。

    var A = 250;    //变量1
    var a = 888;    //变量2

我们来整理一下变量的命名规则：

1.建议用驼峰命名规则：getElementById/matherAndFather/aaaOrBbbAndCcc

2.变量命名必须以字母或是下标符号”_”或者”$”为开头。

3.变量名长度不能超过255个字符。

4.变量名中不允许使用空格，首个字不能为数字。

5.不用使用脚本语言中保留的关键字及保留字作为变量名。

6.变量名区分大小写(javascript是区分大小写的语言)。

7.汉语可以作为变量名。但是不建议使用。

---

标识符

标识符：在JS中所有的可以由我们自主命名的都可以称之为标识符。

例如：变量名、函数名、属性名都是属于标识符。

标识符的命名规则和变量的命令规则是一样的。

重点要注意的是：标识符不能使用脚本语言中保留的关键字及保留字。如下。

关键字：

保留字：

其他不建议使用的标识符：

---

变量的数据类型

在JS中一共有六种数据类型：

• 基本数据类型（值类型）：String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。
• 引用数据类型（引用类型）：Object 对象。

内置对象function、Array、Date、RegExp、Error等都是属于Object类型。

数据类型之间最大的区别：

• 基本数据类型：参数赋值的时候，传数值。
• 引用数据类型：参数赋值的时候，传地址（修改的同一片内存空间）。

---

String 字符串

示例

    var a = 
    var b = 

注意事项：

（1）在JS中，字符串需要使用引号引起来。

（2）引号不能嵌套

（3）转义字符：在字符串中我们可以使用\作为转义字符，当表示一些特殊符号时可以使用\进行转义。

• \" 表示 "
• \' 表示 '
• \n 表示换行
• \r 表示回车
• \t 表示制表符
• \b 表示空格
• \\ 表示\

将其他数值转换为字符串有三种方式：

• 拼接字符串
• toString()
• String()

typeof 运算符

typeof()表示“获取变量的类型”，返回的是小写

返回结果：

• typeof 数值的返回结果：number
• typeof 字符串的返回结果：string
• typeof 布尔型的返回结果：boolean
• typeof undefined的返回结果：undefined
• typeof null的返回结果：object

数值型：Number

在JS中所有的数值都是Number类型，包括整数和浮点数（小数）。

    var a = 100;
    console.log(typeof a);

数值范围：

由于内存的限制，ECMAScript 并不能保存世界上所有的数值。

• 最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
• 最小值：Number.MIN_VALUE，这个值为： 5e-324

如果使用Number表示的变量超过了最大值，则会返回Infinity。

• 无穷大（正无穷）：Infinity
• 无穷小（负无穷）：-Infinity

注意：typeof Infinity的返回结果是?。

NaN和isNaN()函数：

（1）NaN：是一个特殊的数字 not a number

注意：typeof NaN的返回结果是?。

Undefined和任何数值计算的结果为?。NaN==NaN ??

（2）isNaN() :任何不能被转换为数值的值，都会让这个函数返回 true。

浮点数的运算：

在JS中，整数的运算基本可以保证精确。

    var a = 0.1 + 0.2;
    console.log(a);

连字符和加号的区别

键盘上的+可能是连字符，也可能是数字的加号。

console.log("我" + "爱" + "你");
console.log("我+爱+你");    
console.log(1+2+3);

总结：如果加号两边都是数值，此时是加。否则，就是连字符。

在变量中加入字符串进行拼接，可以被同化为字符串。【重要】

隐式转换

我们知道，"2"+1得到的结果其实是字符串，但是"2"-1得到的结果却是数值?，

-、*、/、`%``这几个符号会自动进行隐式转换。例如：

var a = "4" + 3 - 6;
console.log(a); // ???

布尔值：Boolean

true 和 false

千万不要加上引号。

代码：

var a = true;
console.log(typeof a);

null和undefined

null：空值

空的对象（例如：var a = null）。

• Null类型的值只有一个，就是null。
• 使用 typeof 返回 ?。

undefined：未定义

声明了一个变量，但是没有赋值

• Undefined类型的值只有一个，就是undefind
• 使用 type of 检查一个undefined时，会返回?。

null == undefined的结果(?)

null === undefined的结果(?)

10 + null结果为：?；10 + undefined结果为：?。

• 任何数据类型和undefined运算都是NaN;
• 任何值和null运算，null可看做0运算。

变量值的传递（赋值）

语句：

a = b;

举例1：

    var a = 1;
    var b = 2;
    var c = 3;
    a = b + c;
    b = c - a;
    c = a * b;
    console.log(a);
    console.log(b);
    console.log(c);

举例2：

var a = 1;
var b = 2;
var c = 3;
a = a + b;
b = b + a;
c = c + b;
console.log(a);
console.log(b);
console.log(c);

举例3：

var a = "1";
var b = 2;
a = a + b;
b = b + a;
console.log(a);
console.log(b);

举例4：

var a = "1";
var b = 2;
a = b + a;
b = b + a;
console.log(a);
console.log(b);

举例5：

var a = "3";
var b = 2;
console.log(a-b);