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>