Blog

javascript变量作用域之我见

相信大家都知道,javascript中变量作用域只有两种,全局作用域与函数中的局部 作用域(有人认为不同script节点间也存在一种作用域,称之为段作用域,理由是在后面的script的节点中定义的变量,在这个script节点没有 被解析之前,前面的script节点是不能访问这个变量的,这种依赖于代码解析顺序的特殊情况,不在我们这篇文章的讨论之列)。 比如下面的代码:
var a = 1; function f(b){ var c = 2; }

a就是我们声明的全局变量,c就是我们声明的局部变量,b作为函数f的形参,也是一个局部变量。 我们再看下面的代码:
function outer(){ var o; function inner(){ var i; } }

可以看到o和i都是局部变量,只不过o的作用域范围为函数outer的函数体,而i的作用域范围为inner的函数体。 我们再看一段代码:
var g = 1;


 function outer(){


  var o = 1;


  function inner(){


  var i = 1;


  debugger;


  }


  inner();


 }


 outer();

debugger?没错,就是debugger。呵呵,我们单独运行这段代码,打开浏览器的调试环境,比如ff浏览器的firebug 我们选择脚本这一项,然后查看debugger运行时的调用堆栈情况,可以看到,除了有inner,outer以外,还有一个scope1.html()这么一个函数,这个函数从何而来的? 我们再看如下代码:
debugger;

可以看到,单独运行debugger的时候,firebug的调用堆栈只有一个scope1.html()这个函数被调用。 我们知道,此时是没有任何自定义的函数被调用的,那么这个函数从何而来的?我们不妨做如下大胆猜测,这是浏览器的js引擎自动生成的,我们所有的代码都运行在一个浏览器预先定义的一个函数里,而在这个函数里声明的变量,就是我们所谓的全局变量。 这样,我们就可以以一种一致的方式,去看待javascript代码:所有的代码都是以函数方式运行的,javascript的变量作用域只有一种,那就是函数的局部作用域。 以上言论纯属个人意见,有不同见解,欢迎拍砖。 ps: 1  关于scrope1.html()这个函数,在不同的调试环境下,命名可能不一样,比如ie下就是global script code,chrome下就是anonymous function。 2  推荐大家都运行一下上面的代码,查看一下函数运行时的调用堆栈以及变量的监控情况,对于理解javascript的作用域、作用域链、闭包等概念都有很大的帮助。

Over 95% of our clients recommend our language services to others


Copyright © CCJK Technologies Co., Ltd. 2000-2017. All rights reserved.
TOP