深入理解JavaScript作用域和作用域链.docxVIP

深入理解JavaScript作用域和作用域链2011-09-07 10:21 | 1044次阅读 | 来源：梦想天空 【已有6条评论】/a304152.html发表评论 关键词：/tags.php?/JavaScriptJavaScript | 作者：梦想天空 | JavaScript:d=document;t=d.selection?(d.selection.type!=None?d.selection.createRange().text:):(d.getSelection?d.getSelection():);void(saveit=window.open(/storeit.aspx?t=+escape(d.title)+u=+escape(d.location.href)+c=+escape(t),saveit,scrollbars=no,width=590,height=300,left=75,top=20,status=no,resizable=yes));saveit.focus();收藏这篇资讯 作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。1. 全局作用域(Global Scope)在代码中任何地方都能访问到的对象拥有全局作用域，一般来说一下几种情形拥有全局作用域：(1)最外层函数和在最外层函数外面定义的变量拥有全局作用域，例如：var?authorName=山边小溪; ?function?doSomething(){ ??var?blogName=梦想天空; ??function?innerSay(){ ??alert(blogName); ??} ??innerSay(); ?} ?alert(authorName);?//山边小溪 ?alert(blogName);?//脚本错误 ?doSomething();?//梦想天空 ?innerSay()?//脚本错误?(2)所有末定义直接赋值的变量自动声明为拥有全局作用域，例如：function?doSomething(){ ??var?authorName=山边小溪; ??blogName=梦想天空; ??alert(authorName); ?} ?alert(blogName);?//梦想天空 ?alert(authorName);?//脚本错误?变量blogName拥有全局作用域，而authorName在函数外部无法访问到。(3)所有window对象的属性拥有全局作用域一般情况下，window对象的内置属性都都拥有全局作用域，例如、window.location、window.top等等。2.?局部作用域(Local Scope)和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域成为函数作用域，例如下列代码中的blogName和函数innerSay都只拥有局部作用域。function?doSomething(){ ??var?blogName=梦想天空; ??function?innerSay(){ ??alert(blogName); ??} ??innerSay(); ?} ?alert(blogName);?//脚本错误 ?innerSay();?//脚本错误?作用域链(Scope Chain)在JavaScript中，函数也是对象，实际上，JavaScript里一切都是对象。函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]]，由ECMA-262标准第三版定义，该内部属性包含了函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链，它决定了哪些数据能被函数访问。当一个函数创建后，它的作用域链会被创建此函数的作用域中可访问的数据对象填充。例如定义下面这样一个函数：function?add(num1,num2)?{ ??var?sum?=?num1?+?num2; ??return?sum; ?}?在函数add创建时，它的作用域链中会填入一个全局对象，该全局对象包含了所有全局变量，如下图所示(注意：图片只例举了全部变量中的一部分)：函数add的作用域将会在执行时