JS中作用域有:全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6(简称ES6)中新增了块级作用域。块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域。
es5:var es6:let 、const
1.var定义变量,没有块的概念,可以跨块访问,不能跨函数访问,不初始化出现undefined,不会报错。
2.let定义变量,只能在块作用域里访问,也不能跨函数访问,对函数外部无影响。
3.const定义常量,只能在块作用域里访问,也不能跨函数访问,使用时必须初始化(即必须赋值),而且不能修改。
<script type="text/javascript">
// 块作用域
{
var a = 1;
let b = 2;
const c = 3;
// c = 4; // 报错,const不能修改
var aa;
let bb;
// const cc; // 报错,必须初始化(即必须赋值)
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
}
console.log(a); // 1
// console.log(b); // 报错,只能在块作用域里访问
// console.log(c); // 报错,只能在块作用域里访问
// 函数作用域
(function A() {
var d = 5;
let e = 6;
const f = 7;
console.log(d); // 5
console.log(e); // 6 (在同一个{ }中,也属于同一个块,可以正常访问到)
console.log(f); // 7 (在同一个{ }中,也属于同一个块,可以正常访问到)
})();
// console.log(d); // 报错,不能跨函数访问
// console.log(e); // 报错,不能跨函数访问
// console.log(f); // 报错,不能跨函数访问
</script>
原文:https://www.cnblogs.com/MambaHyj/p/13520678.html