作用域: JS中作用域有:全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6中新增了块级作用域,
var: ECMAScript 5中声明变量的,由于没有块级作用域导致for和if等语句声明变量之后在作用域外还能访问
for(var i=0;i<=10;i++){
var sum=0;
sum+=i;
}
console.log(sum);//10
let: 只在let命令所在的代码块内有效。
{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1
const: const声明一个只读的常量。一旦声明,常量的值就不能改变。
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址 。const只能保证这个指针是固定的(即总是指向另一个固定的地址)
const foo = {};
// 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123
// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: "foo" is read-only
变量提升
前置知识:通常JS引擎会在正式执行之前先进行一次预编译,在这个过程中,首先将变量声明(不包括定义)及函数声明提升至当前作用域的顶端,然后进行接下来的处理。
a = 1;
var a;
console.log(a); //1
在这个代码中有一点js基础的同学会认为,打印出来的是undefind,结果并不是这样,这是因为在预编译阶段a通过变量提升,被提升到前面
实际是这样的:
var a;
a=1;
console.log(a); //1
再看看这一道题:
console.log(v1);//undefined
var v1 = 100;
function foo() {
console.log(v1);//undefined
var v1 = 200;
console.log(v1);//200
}
foo();
console.log(v1);//100
为什么第一个v1是undefined?
这是由于定义变量分为两个阶段:变量声明和变量定义(即: var v1 和v1=100)
变量声明是在预编译阶段执行的,所以v1已经存在,但没有赋值,所以就是undefiind。
在函数内部也由于作用域的原因所以第二个v1也是undefined。
声明方式 | 块级作用域 | 变量提升 | 重复声明 |
---|---|---|---|
var | 没有 | 有 | 可以 |
let | 有 | 没有 | 不可以 |
const | 有 | 没有 | 不可以 |