JavaScript的字面量与变量

JavaScript字面量

字面量：固定的值，字面是什么含义就表示什么

• 数字字面量 :
  可以是整数或者是小数，或者是科学计数。

3.14
1001
123e5

• 字符串字面量：
  可以使用单引号或双引号。

"John Doe"
"John Doe"

• 布尔字面量：
  其值只有两个，分别为true和false。

• 表达式字面量：
  用于计算，使用运算符进行计算，如算术、位、条件、比较及逻辑运算符等。

5 + 6
5 * 10

• 数组字面量：
  定义一个数组

[40, 100, 1, 5, 25, 10]

• 对象字面量：
  定义一个对象

{
firstName:"John", 
lastName:"Doe",
age:50, 
eyeColor:"blue"
}

• 函数字面量 ：定义一个函数

function myFunction(a, b) {
 return a * b;
}

JavaScript变量

变量是用于存储数据的容器，在程序的运行中可以发生变化或者被再次赋值。

声明变量

在 JavaScript中，声明变量使用var语句。

【示例一】
在一个 var 语句中，可以声明一个或多个变量，也可以为变量赋值，未赋值的变量初始化为 undefined（未定义）值。当声明多个变量时，应使用逗号运算符分隔。

var a;  //声明一个变量
var a,b,c;  //声明多个变量
var b = 1; //声明并赋值
document.write(a);  //返回 undefined
document.write(b);  //返回 1

【示例二】
在 JavaScript 中，可以重复声明同一个变量，也可以反复初始化变量的值。

1.  var a = 1;
2.  var a = 2;
3.  var a = 3;
4.  document.write(a);  //返回 3

注意：
在非严格模式下，JavaScript 允许不声明变量就直接为其赋值，这是因为 JavaScript 解释器能够自动隐式声明变量。隐式声明的变量总是作为全局变量使用。在严格模式下，变量必须先声明，然后才能使用。

赋值变量
使用等号=运算符可以为变量赋值，等号左侧为变量，右侧为被赋的值。

【示例】
变量提升。JavaScript 在预编译期会先预处理声明的变量，但是变量的赋值操作发生在 JavaScript 执行期，而不是预编译期。

1.  document.write(a); //显示undefined
2.  a =1;
3.  document.write(a); //显示 1
4.  var a;

声明变量放在最后，赋值操作放在前面。由于 JavaScript 在预编译期已经对变量声明语句进行了预解析，所以第一行代码读取变量值时不会抛出异常，而是返回未初始化的值 undefined。第三行代码是在赋值操作之后读取，故显示为数字 1。

提示：
JavaScript 引擎的解析方式是：先解析代码，获取所有被声明的变量，然后再一行一行地运行。 这样，所有声明的变量都会被提升到代码的头部，这就叫作变量提升（Hoisting）。

变量作用域
变量作用域（Scope）是指变量在程序中可以访问的有效范围，也称为变量的可见性。

JavaScript 变量可以分为全局变量和局部变量：

• 全局变量：变量在整个页面脚本中都是可见的，可以被自由访问。
• 局部变量：变量仅能在声明的函数内部可见，函数外是不允许访问的。

【示例一】
全局变量和局部变量的关系

1.  var a = 1;  //声明并初始化全局变量
2.  function f(){  //声明函数
3.  document.write(a);  //显示undefined
4.  var a = 2;  //声明并初始化局部变量
5.  document.write(a);  //显示 2
6.  }
7.  f(); //调用函数

由于在函数内部声明了一个同名局部变量 a，所以在预编译期，JavaScript 使用该变量覆盖掉全局变量在函数内部的影响。而在执行初期，局部变量 a 未赋值，所以在函数内第 1 行代码读取局部变量 a 的值也就是 undefined 了。当执行到函数第 2 行代码时，为局部变量赋值 2，所以在第 3 行中就显示为 2。

【示例二】
演示如果不显式声明局部变量所带来的后果

1.  var jQuery = 1;
2.  (function () {
3.  jQuery = window.jQuery = window.$ = function(){};
4.  })()
5.  document.write(jQuery);  //显示函数代码：function(){}

因此，在函数体内使用全局变量是一种危险的行为。为了避免此类问题，应该养成在函数体内使用 var 语句显式声明局部变量的习惯。

变量类型
JavaScript 是弱类型语言，对于变量类型的规范比较松散。具体表现如下：

• 变量的类型分类不严谨、不明确，带来使用的随意性。
• 声明变量时，不要求指定类型。
• 使用过程不严格，可以根据需要自动转换变量类型。
• 变量的转换和类型检查没有一套统一、规范的方法，导致开发效率低下。

优缺点：

• 优点：使用灵活，简化了代码编写。
• 缺点：执行效率低，在开发大型应用时，程序性能会受到影响。