JavaScript中作用域和作用域链是如何相互关联并影响变量访问的？

本文共计3340个文字，预计阅读时间需要14分钟。

前言：JavaScript 中有一个被称为作用域（Scope）的特性。

简单来说，作用域决定了变量和函数可以访问哪些数据和代码。对于许多新手开发者来说，作用域的概念并不容易理解，本文将尽可能用最简单的方式解释作用域和作用域链。希望对大家有所帮助。

前言

JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，本文我会尽我所能用最简单的方式来解释作用域和作用域链，希望大家有所收获！
作用域(Scope)

1. 什么是作用域

作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。可能这两句话并不好理解，我们先来看个例子：

function outFun2() { var inVariable = "内层变量2"; } outFun2();//要先执行这个函数，否则根本不知道里面是啥 console.log(inVariable); // Uncaught ReferenceError: inVariable is not defined

从上面的例子可以体会到作用域的概念，变量 inVariable 在全局作用域没有声明，所以在全局作用域下取值会报错。我们可以这样理解：作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。

ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来，为我们提供了‘块级作用域',可通过新增命令 let 和 const 来体现。