Javascript作用域的深入解析（代码示例）

例子

var x = 10;
 
function foo() {
  var y = 20;
 
  function bar() {
    var z = 30;
    alert(x +  y + z);
  }
 
  bar();
}
 
foo(); // 60
全局上下文的变量对象是：
globalContext.VO === Global = {
  x: 10
  foo: <reference to function>
};
在“foo”创建时，“foo”的[[scope]]属性是：
foo.[[Scope]] = [
  globalContext.VO
];
在“foo”激活时（进入上下文），“foo”上下文的活动对象是：
fooContext.AO = {
  y: 20,
  bar: <reference to function>
};
“foo”上下文的作用域链为：
fooContext.Scope = fooContext.AO + foo.[[Scope]] // i.e.:
 
fooContext.Scope = [
  fooContext.AO,
  globalContext.VO
];
内部函数“bar”创建时，其[[scope]]为：
bar.[[Scope]] = [
  fooContext.AO,
  globalContext.VO
];
在“bar”激活时，“bar”上下文的活动对象为：
barContext.AO = {
  z: 30
};
“bar”上下文的作用域链为：
barContext.Scope = barContext.AO + bar.[[Scope]] // i.e.:
 
barContext.Scope = [
  barContext.AO,
  fooContext.AO,
  globalContext.VO
];
对“x”、“y”、“z”的标识符解析如下：
- "x"
-- barContext.AO // not found
-- fooContext.AO // not found
   globalContext.VO // found - 10

- "y"
-- barContext.AO // not found
   fooContext.AO // found - 20

- "z"
   barContext.AO // found - 30
以上就是Javascript作用域的深入解析（代码示例）的详细内容，更多请关注php中文网其它相关文章！
				
				

					
微信
					
分享
				

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



  
关键词：Javascript作用域的深入解析（代码示例）