## ES6 的变量声明
ES6 中新增了 let 和 const 来定义变量:
- `var`:ES5 和 ES6中,定义**全局变量**(是variable的简写)。
- `let`:定义**局部变量**,替代 var。
- `const`:定义**常量**(定义后,不可修改)。
### var:全局变量
看下面的代码:
```javascript
{
var a = 1;
}
console.log(a); //这里的 a,指的是 区块 里的 a
上方代码是可以输出结果的,输出结果为 1。因为 var 是全局声明的,所以,即使是在区块里声明,但仍然在全局起作用。
再来看下面这段代码:
var a = 1;
{
var a = 2;
}
console.log(a); //这里的 a,指的是 区块 里的 a
上方代码的输出结果为 2 ,因为 var 是全局声明的。
总结:
用 var 定义的全部变量,有时候会污染整个 js 的作用域。
let:定义局部变量
var a = 2;
{
let a = 3;
}
console.log(a);
上方代码的输出结果为 2。用 let 声明的变量,只在局部(块级作用域内)起作用。
let是防止数据污染,我们来看下面这个 for 循环的例子,很经典。
1、用 var 声明变量:()
for (var i = 0; i < 10; i++) {
console.log('循环体中:' + i); // 每循环一次,就会在 { } 所在的块级作用域中,重新定义一个新的 i
}
console.log('循环体外:' + i);
上方代码可以正常打印结果,且最后一行的打印结果是10。说明循环体外定义的变量 i,是在全局起作用的。
2、用let声明变量:
for (let i = 0; i < 10; i++) {
console.log('循环体中:' + i);
}
console.log('循环体外:' + i);
上方代码的最后一行无法打印结果,也就是说打印会报错。因为用 let 定义的变量 i,只在{ }
这个块级作用域里生效。
总结:我们要习惯用 let 声明,减少var声明带来的污染全局空间。
为了进一步说明 let 不会带来污染,需要说明的是:当我们定义了let a = 1
时,如果我们在同一个作用域内继续定义let a = 2
,是会报错的。
const:定义常量
在程序开发中,有些变量是希望声明后,在业务层就不再发生变化,此时可以用 const 来定义。
举例:
const name = 'smyhvae'; //定义常量
用 const 声明的变量,只在局部(块级作用域内)起作用。
let 和 const 的作用【重要】
let 和 const 的作用如下:
- 禁止重复声明
- 支持块级作用域
- 控制修改
相反, 用var
声明的变量:可以重复声明、没有块级作用域、不能限制。
for循环举例【经典案例】
代码1、我们先来看看如下代码:(用 var 定义变量 i)
<!DOCTYPE html>
<html lang="">
<head>
<meta />
<meta />
<meta />
<title>Document</title>
</head>