javascript - js 中作用域的问题

问题描述

问 题

以下两段代码：

var a = 11;
var foo = function() {
    var a = 10;
    console.log(a)
};
foo() //结果a=10

var a = 11;
var foo = function(){
    console.log(a)  
}
var bar = function(){
    var a = 10;
    foo() 
}
bar() //结果a=11

第一个比较好理解，foo函数中的内部AO=>[a:10]；[[Scope]]=>[a : 11]；AO优先性高，所以输出a=10；
但是第二个是什么原因？

bar函数中，bar的AO=>[a:10];[[Scope]]=>[a:11];
在bar中调用foo函数，为什么内部AO没有优先的调用呢？

问题：
在调用bar()时，其内部作用域是如何变化的？
foo跟bar的关系是什么样的？

烦请指教！

解决方案

第二种 foo 的 AO 里面没有变量a，所以就查找foo的Scope 找到 a=11；
你的理解错误是把 bar的 AO当成 foo 的AO了.
而活动对象（AO）是在函数执行时创建
var foo = function(){
//这里没有声明 var a=10所以foo执行时,foo的AO里没有a

console.log(a)  

}

这篇关于javascript - js 中作用域的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！