谈谈我对JavaScript原型和闭包系列理解(随手笔记

关于JavaScript的原型和闭包系列的理解（随手笔记9）

=======================

在JavaScript中，作用域是一个重要的概念。它决定了变量和其他资源的可见性和生命周期。对于初学者来说，理解作用域的概念是掌握JavaScript原型和闭包的基础。

一、作用域定义

引用《JavaScript语言精粹和编程实践》上的定义，作用域是变量的可见性范围，或者说是信息隐蔽的一种方式，用来处理“割据”问题。在JavaScript中，除了全局作用域，还有一个函数作用域。

二、关于变量声明

--

在编写JavaScript代码时，建议在代码一开始就声明所有变量，避免在“块”里面声明，以免引起歧义。例如：

错误的声明方式：

```javascript

for(var i = 0; i < 10; i++) {

//...

}

console.log(i); // 可能引发错误，因为i的作用域限制在for循环内

```

正确的声明方式：

```javascript

var i = 0;

for(i = 0; i < 10; i++) {

//....

}

console.log(i); // 正确，i的作用域是全局的

```

三、函数作用域

在JavaScript中，除了全局作用域外，每个函数都有其自己的作用域。在函数内部声明的变量具有函数作用域。这意味着这些变量在函数外部是不可见的。例如：

```javascript

var a = 10; //全局作用域

function fn() {

var a = 100; //函数作用域

function bar() {

var a = 1000; //bar函数作用域

}

}

```

在这个例子中，全局代码、fn函数和bar函数都有它们自己的作用域。每个作用域下的变量都是独立的，不会发生冲突。

四、执行上下文与作用域

-

作用域在函数定义的时候就已经确定，而不是函数调用的时候。程序在加载的时候确定了全局上下文环境，随着程序的执行对变量进行赋值。每次函数调用都会创建一个新的执行上下文，压入栈中，函数执行完毕，其执行上下文出栈销毁。例如：

正确的理解执行上下文可以帮助我们更好地理解变量的生命周期和作用域的关系。例如，当我们在一个函数内部调用另一个函数时，新的函数会创建自己的执行上下文，拥有自己的变量和作用域。当这个内部函数调用结束时，其执行上下文被销毁，外部的函数的执行上下文重新成为活动状态。这样，我们可以清晰地看到作用域与执行上下文的紧密关系。我们可以通过下面的图示来理解这个过程：

在JavaScript中，作用域是一个重要的概念。它决定了变量的可见性和生命周期。理解作用域可以帮助我们更好地管理变量，避免冲突和错误。通过理解执行上下文，我们可以更深入地理解JavaScript的运行机制。在编程世界中，变量是我们与程序交流的一种重要方式。当我们想要了解某个变量的实时状态时，就必须深入到它的作用域中去。在这个过程中，我们实际上是在寻找一个特定的执行上下文环境，那里藏着我们的目标变量。一旦找到了这个环境，我们就可以轻松地获取变量的值。

这就像是在一本巨大的书中查找特定的信息。变量就像是书中的一个章节或段落，而作用域则是那个章节所在的特定页面。要想找到这个章节，首先得知道它在哪个页面，也就是找到对应的上下文环境。然后，你就可以在这个范围内轻松找到你需要的变量值。这就像是在一连串的线索中，找到关键的那一环，进而解锁整个信息。

对于这种情况，我们的编程环境扮演着书籍的角色，我们需要找到特定的章节来获取我们需要的变量值。例如，在Cambrian框架中，我们可以使用特定的命令或函数来调用渲染函数并获取作用域下的变量值。在这里，“render”是一个关键的函数，它指向了我们的目标位置，“body”则代表了特定的作用域或上下文环境。通过这个过程，我们可以精确地找到并获取变量的值。

简而言之，查找一个作用域下的变量值就像是在一个复杂的系统中寻找特定的信息。我们需要知道在哪里寻找（作用域），然后使用正确的方法（如Cambrian框架中的渲染函数）来获取我们需要的信息（变量的值）。这个过程虽然复杂，但一旦掌握了技巧和方法，就可以轻松应对各种编程挑战。理解和熟悉作用域以及相关的编程工具，对于每一个程序员来说都是至关重要的。