JavaScript的变量

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

Demo 1：

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

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

Demo 2：

var a ;
console.log(a);
a=1;
console.log(a);
function a(){
    console.log("this is a");
}
//结果：
ƒ a(){
    console.log("this is a");
}
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。

转载链接：http://c.biancheng.net/view/5363.html 去看一下~