当函数bar()被调用，Javascript引擎首先在当前作用域下寻找变量baz，然后寻找foo变量但发现在当前作用域下找不到，然后继续在外部作用域寻找找到了它(这里是在全局作用域找到的)。
然后将42赋值给变量number。Javascript引擎会在当前作用域以及外部作用域下一步步寻找number变量(没找到)。
如果是在非严格模式下，引擎会创建一个number的全局变量并把42赋值给它。但如果是严格模式下就会报错了。
结论：当使用一个变量的时候，Javascript引擎会循着作用域链一层一层往上找该变量，直到找到该变量为止。
作用域和作用域链是如何工作的
以上内容已经讲解了作用域，作用域的类型，现在让我们看下Javascript引擎是如何确定变量的作用域链和如何去查找变量的。
要想理解Javascript是如何进行变量查找的，必须要了解Javascript中词法环境这个概念(请参考：理解Javascript中的执行上下文和执行栈)。
什么是词法环境
所谓词法环境就是一种标识符—变量映射的结构(这里的标识符指的是变量/函数的名字，变量是对实际对象[包含函数和数组类型的对象]或基础数据类型的引用)。
简单地说，词法环境是Javascript引擎用来存储变量和对象引用的地方。
注意：不要混淆了词法环境和词法作用域，词法作用域是在代码编译阶段确定的作用域(译者注：一个抽象的概念)，而词法环境是Javascript引擎用来存储变量和对象引用的地方(译者注：一个具象的概念)。
一个词法环境就像下面这样：
lexicalEnvironment = { a: 25, obj: <ref. to the object> }
只有当该作用域的代码被执行的时候，引擎才会为那个作用域创建一个新的词法环境。词法环境还会记录所引用的外部词法环境(即外部作用域)。例：
lexicalEnvironment = { a: 25, obj: <ref. to the object> outer: <outer lexical environemt> }
Javascript引擎是如何进行变量查找的
现在我们已经知道了作用域，作用域链和词法环境的概念，现在让我们看下Javascript引擎是如何利用词法环境来确定作用域和作用域链的。
结合例子我们来理解上面的这些概念：
let greeting = 'Hello'; function greet() { let name = 'Peter'; console.log(`${greeting} ${name}`); // Hello Peter } greet(); { let greeting = 'Hello World!' console.log(greeting); // Hello World! }
上述代码加载后，首先会创建一个全局词法环境，其中包含在全局范围内声明的变量和函数。像下面这样：
globalLexicalEnvironment = { greeting: 'Hello' greet: <ref. to greet function> outer: <null> }
这里的outer字段(也就是外部词法环境)被设置为了null，是因为全局词法环境已经是最顶层的词法环境了。
然后，我们调用了greet()函数，然后一个新的词法环境会被被创建：
functionLexicalEnvironment = { name: 'Peter' outer: <globalLexicalEnvironment> }
这里的outer字段被设置为了globalLexicalEnvironment，是因为他的外部作用域就是全局作用域。
然后，执行console.log(`${greeting} ${name}`)这行代码，Javascript引擎首先在当前函数的词法环境中寻找变量greeting和name，但只找到了name，没找到greeting。然后继续在上层的词法环境中找greeting（这里是全局作词法环境）。最后在全局词法环境中找到了greeting。
紧接着执行那段在大括号里的代码，为这个块级创建一个新的词法环境。如下：
blockLexicalEnvironment = { greeting: 'Hello World', outer: <globalLexicalEnvironment> }
然后执行console.log(greeting)这行代码，首先在本层词法环境中找greeting，OK，找到，结束。此时就不会再去外部作用域(这里是全局作用域)寻找该变量了。
注意：只有let和const声明变量才会创建一个新的词法环境存储，使用var声明的变量会被存储在当前块（大括号）所在的词法环境中（全局词法环境或是函数词法环境中）。
结论：当一个变量被使用时，Javascript引擎会首先在当前的词法环境中进行寻找，如果找不到就找上层词法环境中寻找，直到找到为止。
结论
作用域就是一个变量可访问和可见的区域，和函数一样，Javascript的作用域也可以嵌套，Javascript引擎会层层遍历作用域来寻找用到的变量。
Javascript使用词法作用域，这意味着变量的作用在编译阶段就会被确定。
Javascript引擎在程序执行期间使用词法环境来存储变量和函数。
作用域和作用域链是Javascript中的基础概念，理解作用域和作用域链能让你成为一个更优秀的Javascript开发者。