和我一起学习Javaｓｃｒｉｐｔ的范围和范围链

范围是Javaｓｃｒｉｐｔ最重要的概念之一。为了更好地学习Javaｓｃｒｉｐｔ，您需要了解Javaｓｃｒｉｐｔ范围和动作链的工作原理。本文简要介绍了Javaｓｃｒｉｐｔ范围和范围链，希望能帮助您了解更多关于Javaｓｃｒｉｐｔ的知识。

一、Javaｓｃｒｉｐｔ范围

任何编程语言都有范围的概念。简单地说，范围是变量和函数的访问范围，也就是说，范围控制变量和函数的可见性和生命周期。在Javaｓｃｒｉｐｔ中，变量的作用范围有两种全局和局部作用域。

1。全球行动范围（全球范围）

代码中任何地方都可以访问的对象具有全局范围，一般情况下，以下情况具有全局范围：

（1）外部函数定义的最外层函数和变量具有全局作用域，例如：
VaR的作者名字=小平果；
函数doSomething（）{
无功blogname = 你不知道Javaｓｃｒｉｐｔ；
功能innersay（）{
警报（blogname）；
}
InnerSay（）；
}
警报（作者名字）； / /平果
警报（blogname）； / /脚本错误
（做某事）； / /你不知道Javaｓｃｒｉｐｔ
（innersay） / /脚本错误

（2）定义结束时的所有变量都自动声明为全局范围，如：
函数doSomething（）{
VaR的作者名字=小平果；
blogname = 你不知道Javaｓｃｒｉｐｔ；
警报（作者名字）；
}
（做某事）； / /平果
警报（blogname）； / /你不知道Javaｓｃｒｉｐｔ
警报（作者名字）； / /脚本错误

变blogname具有全局范围，和作者名字不能被外界访问的功能。

（3）所有窗口对象的属性都具有全局范围。

总的来说，Window对象的内置性能都有全球范围的，如window.name，window.location，window.top，等等。

2。地方行动范围（地方范围）

在全球范围内，一般在局部范围内只有固定的代码片段可以访问最常用的功能，如内部，所有在一些地方也会看到的范围称为函数的范围，例如，下面的代码在blogname和innersay功能具有局部范围。
函数doSomething（）{
无功blogname = 你不知道Javaｓｃｒｉｐｔ；
功能innersay（）{
警报（blogname）；
}
InnerSay（）；
}
警报（blogname）； / /脚本错误
（innersay）； / /脚本错误

两。范围链（范围链）

在Javaｓｃｒｉｐｔ中，函数也是对象，而事实上，所有的Javaｓｃｒｉｐｔ是一个对象，函数对象，其他物体一样，具有可访问的代码和一系列是由Javaｓｃｒｉｐｔ引擎只访问内部属性。它的一个内在特性是{ } { }的范围，由ECMA-262第三版定义。内部属性包含函数创建作用域中的一组对象。这个集合称为函数的范围链，它决定函数可以访问哪些数据。

当一个函数被创建时，它的作用域链由可以在创建的函数的范围内访问的数据对象填充：
添加函数（num1，num2）{
VaR和= num1和num2；
收起回复；
}

创建函数添加时，它将在范围链中填充一个全局对象。全局对象包含所有全局变量，如下图所示（注：图片只列出所有变量的一部分）。
函数添加的范围将在执行时使用：
无功总=加（5,10）；
执行此函数时，我们创建一个内部对象，称为运行时上下文（执行上下文），它在函数执行时定义环境。每个运行时上下文都有自己的范围链，用于标识符解析。当运行时上下文被创建时，它的作用域链被初始化为当前运行函数的{ } }所包含的对象。

这些值被复制到运行时环境在他们的顺序出现在函数的作用域链。他们一起形成一个新的对象，称为主动对象（活动对象），该对象包含所有的局部变量，命名参数，这个参数的设置和功能，那么对象将被推到的范围产业链的前端，当执行环境被破坏，将会破坏活动对象。新的作用域链如下图所示：
在函数执行过程中，遇到了不可变的，都会经历一个标识符解析过程确定获取和存储数据。从作用域链头的过程，即从活动的目标开始搜索，发现同一名称的标识符，如果使用此标识符对应的变量，如果没有找到继续搜索范围链上的下一个对象，如果搜索没有找到所有的对象标识符是未定义的。在函数执行过程中，每个标识符必须接受这样的搜索过程。

三。范围链和代码优化

从作用域链的结构，可以看出更深的标识符，慢的读写速度将在运行时上下文的作用域链。如上图所示，因为全局变量总是存在于运行时上下文的作用域链的末端，这是最慢的发现全局变量分析。所以，当你写代码，你应该尝试使用尽可能少的全局变量和局部变量，使用尽可能多的。一个好的经验法则是，如果在一个交叉的对象范围是指一个以上的时间，它是存储在一个局部变量一然后再次使用。例如，下面的代码：
功能换色（）{
document.getelementbyid（btnchange）。Onclick =函数（）{
document.getelementbyid（targetcanvas）。风格。背景颜色为红色；
}；
}
这个函数引用两个全局变量文档，即发现变量必须遍历整个范围链，直到最终在全局对象中找到：
功能换色（）{
文档；
doc.getelementbyid（btnchange）。Onclick =函数（）{
doc.getelementbyid（targetcanvas）。风格。背景颜色为红色；
}；
}
这个代码比较简单。重写后，它不会表现出巨大的性能改进。但是，如果有大量的全局变量被反复访问，重写代码的性能将得到显著改善。

四。改变行动的链条

一个函数的执行上下文中执行时每次都是独一无二的，所以调用同一个函数多次会造成多个运行时环境，并执行上下文将被摧毁，当函数被执行。每个运行时上下文与一个作用域链有关。在一般情况下，在运行时上下文，它的作用域链是由语句与语句只影响。

带语句是对象避免编写重复代码的一种快捷方式：
功能initui（）{
用（文档）{
var =主体，
链接= getElementsByTagName（），
我= 0，
links.length len =；
当（i）{
更新（链接{ + }）；
}
getElementById（btninit）。Onclick =函数（）{
DoSomething（）；
}；
}
}
这里使用宽度语句避免多次写入文档，它看起来更高效，实际上会产生性能问题。

当代码运行的语句，在运行时上下文的作用域链是暂时的改变。一个新的变量创建对象，其中包含由参数指定的对象的所有属性，该对象将被推入作用域链的头，这意味着所有的函数的局部变量在第二范围链对象，所以访问成本较高。如下图：
因此，应该避免在程序中使用语句。在这种情况下，简单地将文档存储在局部变量中可以提高性能。

另一个catch语句将改变范围链try-catch语句。在try代码块中发生错误时，执行过程会跳到catch语句，然后将异常对象为可变对象放在范围的头。在catch代码块，所有的功能局部变量将被放置在第二范围链对象。示例代码：
尝试{
DoSomething（）；
} catch（前）{
警报（ex.message）； / /范围链的改变
}
注意，一旦catch语句完成时，作用域链返回到以前的状态。try-catch语句在代码的调试和异常处理是非常有用的，所以这是不推荐的，它是完全可以避免的。你可以减少catch语句的代码优化性能的影响是一个很好的模型来代表。一个错误的功能，如：
尝试{
DoSomething（）；
} catch（前）{
HandleError（前）； / /委托处理器的方法
}
U3000 U3000

优化代码，handleError方法是唯一的代码，在catch子句执行。此功能接收到异常对象作为参数，这样你可以更灵活地处理错误和统一。因为只有一个语句被执行，没有获得一个局部变量，作用域链的临时变化不会影响代码的性能。

以上是本文的全部内容，希望通过这篇文章，我们能对Javaｓｃｒｉｐｔ的范围和行动链有更多的了解，共同进步。