【js作用域】

作用域（Scope）

---

一、作用域是什么？

Scope，翻译成中文就是 范围 的意思，在编程语言中一般叫作用域。

《JavaScript 权威指南》(第7版)第52页，是这样表述的：

变量的作用域是程序源代码中的一个区域，在这个区域内变量有意义。

---

二、作用域有什么作用呢？

作用域最大的用处就是隔离变量、防止命名冲突，各个作用域之间的变量是相互独立的，互不影响

即使是同名变量，只要在不同的作用域内，他们就不会有冲突，避免变量污染。

---

三、作用域类型

对于JS 来说，有三种作用域：全局作用域、函数作用域、和 块级作用域。

1. 全局作用域

一个页面打开就是一个全局作用域。

用来定义全局变量。
在 <script></script> 标签中定义的变量都是全局变量。

2. 函数作用域

在ES6之前，只有函数才能创建局部作用域。

用来定义局部变量。
创建一个函数就创建了一个作用域。
无论你调用不调用，函数只要创建了，它就有独立的作用域，就有自己的一个 地盘。
​​​​​​​​

3. 块级作用域

在 ES6 之前的块级作用域，所谓块就是指使用花括号{ }包着的区域。
使用花括号{ }包着的区域有一个自己的作用域。

用来定义局部变量。
不过在ES6 之前，JS 是没有块级作用域的，只有全局作用域 和 函数作用域。

<script>
	for (var i = 0; i < 1; i++ ) { 
   		console.log(i);    // 0
	};
	console.log(i);        // 1;
</script>

如果有块级作用域，那么使用 for 循环时声明的变量 i，应该只存在于循环的环境中,
在块的外面应该无法访问到 i 的。
但是对于JS来说，并不是这样的；
我们在 {} 的外面是可以访问到这个变量 i 的。

早期为了解决这个问题，会使用立即执行函数去模拟块级作用域：

<script>
	!function () {
		for (var i = 0; i < 1; i++ ) {
			console.log(i);	// 0
		};
	}();
	console.log(i); 	// i is not defined;
</script>

实际上就是使用函数作用域模拟块级作用域

ES6 后的块级作用域

从ES6 开始，JS支持了块级作用域。
只需使用 let 代替 var 声明变量，或者使用 const 声明常量，
就可将变量的作用域限制在当前代码块中，且不会被提升。

<script>
	for (let i = 0; i < 1; i++ ) { 
		console.log(i);	// 0
	 };
	console.log(i); 	// i is not defined;
</script>