块级作用域
作用域
含义
a. 作用域被用来描述在某个代码块可见的所有实体(或有效的所有标识符),更精准一点,叫做上下文。是你的代码在运行时,各个变量、函数和对象的可访问性。换句话说,作用域决定了你的代码里的变量和其他资源在各个区域中的可见性。(上下文和作用域也有区别
b. 任何一对花括号中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的
c. 当变量定义在一个函数中时,变量就在局部作用域中,而定义在函数之外的变量则从属于全局作用域。每个函数在调用的时候会创建一个新的作用域。
作用
a. 最小访问原则
b. 为你的代码提供了一个安全层级。计算机安全中,有个常规的原则是:用户只能访问他们当前需要的东西。
c. 函数体内部,局部变量的优先级比同名的全局变量高
块语句
- 它们不会创建新的作用域。在块级声明中定义的变量从属于该块所在的作用域。包括但不限于以下(if,switch,for,while等。
1. var
- 通过var声明的变量没有块级作用域
var x = 1;
{
var x = 2;
}
console.log(x); // 输出 2
2. let
- 其声明的变量是有块级作用域的
let x = 1;
{
let x = 2;
}
console.log(x); // 输出 1
- x = 2被限制在块级作用域中, 也就是它被声明时所在的块级作用域。
- let声明的变量在块级作用域内能强制执行更新变量
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {console.log(i);};
}
a[0](); // 10
a[1](); // 10
a[6](); // 10
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {console.log(i);};
}
a[0](); // 0
a[1](); // 1
a[6](); // 6
3.const
- 其声明的变量是有块级作用域的
const c = 1;
{
const c = 2;
}
console.log(c); // 输出1, 而且不会报错
- note:注意块级作用域里的常量声明const c = 2 并不会抛出SyntaxError: Identifier 'c' has already been declared这样的语法错误,因为这是一个新的作用域。
4.function
foo('outside'); // TypeError: foo is not a function
{
function foo(location) {
console.log('foo is called ' + location);
}
foo('inside'); // 正常工作并且打印 'foo is called inside'
}