赋值变量
使用等号=
运算符可以为变量赋值,等号左侧为变量,右侧为被赋的值。
示例
变量提升。JavaScript 在预编译期会先预处理声明的变量,但是变量的赋值操作发生在 JavaScript 执行期,而不是预编译期。
document.write(a); //显示undefined
a =1;
document.write(a); //显示 1
var a;
在上面示例中,声明变量放在最后,赋值操作放在前面。由于 JavaScript 在预编译期已经对变量声明语句进行了预解析,所以第一行代码读取变量值时不会抛出异常,而是返回未初始化的值 undefined。第三行代码是在赋值操作之后读取,故显示为数字 1。
提示:
JavaScript 引擎的解析方式是:先解析代码,获取所有被声明的变量,然后再一行一行地运行。 这样,所有声明的变量都会被提升到代码的头部,这就叫作变量提升(Hoisting)。
变量作用域
变量作用域(Scope)是指变量在程序中可以访问的有效范围,也称为变量的可见性。
JavaScript 变量可以分为全局变量和局部变量:
- 全局变量:变量在整个页面脚本中都是可见的,可以被自由访问。
- 局部变量:变量仅能在声明的函数内部可见,函数外是不允许访问的。
示例一
下面示例演示了全局变量和局部变量的关系。
var a = 1; //声明并初始化全局变量
function f(){ //声明函数
document.write(a); //显示undefined
var a = 2; //声明并初始化局部变量
document.write(a); //显示 2
}
f(); //调用函数
由于在函数内部声明了一个同名局部变量 a,所以在预编译期,JavaScript 使用该变量覆盖掉全局变量在函数内部的影响。
而在执行初期,局部变量 a 未赋值,所以在函数内第 1 行代码读取局部变量 a 的值也就是 undefined 了。当执行到函数第 2 行代码时,为局部变量赋值 2,所以在第 3 行中就显示为 2。
示例二
下面示例演示了如果不显式声明局部变量所带来的后果。
var jQuery = 1;
(function () {
jQuery = window.jQuery = window.$ = function(){};
})()
document.write(jQuery); //显示函数代码:function(){}
因此,在函数体内使用全局变量是一种危险的行为。为了避免此类问题,应该养成在函数体内使用 var 语句显式声明局部变量的习惯。
变量类型
JavaScript 是弱类型语言,对于变量类型的规范比较松散。具体表现如下:
- 变量的类型分类不严谨、不明确,带来使用的随意性。
- 声明变量时,不要求指定类型。
- 使用过程不严格,可以根据需要自动转换变量类型。
- 变量的转换和类型检查没有一套统一、规范的方法,导致开发效率低下。
优缺点:
- 优点:使用灵活,简化了代码编写。
- 缺点:执行效率低,在开发大型应用时,程序性能会受到影响。
字面量
- 字面量(literal)是用于表达一个固定值的表示法,又叫常量
- 通俗的理解,字面就是所见即所得,js 程序执行到代码中的字面量,会立即知道它是什么类型的数据,值是多少
- 可以用于表示固定值,比如:数字、字符串、undefined、布尔类型的字面值等
数字字面量
- 就是数学意义上的数字
- 数字字面量区分:整数字面量、浮点数字面量(小数)、特殊值
- 书写时直接书写字面量,不需要添加任何辅助符号
(1)整数
- 整数字面量写法区分进制
- 整数可以被表示成十进制(基数为10)、八进制(基数为8)以及十六进制(基数为16)
- 十进制是最基本的数值字面量格式,可以直接在代码中输入
- 八进制字面值必须带前导0、0O、0o 。八进制整数只能包括数字0-7
- 十六进制的前缀是0x或0X。后面可以包含数字(0-9)和字母af或AF
- 在进行算术计算时或者参与程序,所有八进制和十六进制的数字都会被转换成十进制
(2)浮点数
- 数学概念中的小数
- 包含:整数、小数点、小数部分
- 浮点数不区分进制,所有的浮点数都是十进制下的数字
- 注意:如果浮点数是大于0 小于1的,可以省略小数点前面的0不写
(3)NaN
- NaN:(not a number)表示不是一个正常的数,但是还是一个 Number 类型的数字,这个数字没办法用前面的表示方法表示
- NaN 与任何值都不相等,包括他本身
- isNaN(): 判断一个数据是不是一个NaN,是返回 true,否返回false