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的关系是什么样的？
烦请指教！
写回答
-
因为js的作用域是静态作用域，简而言之就是函数调用的是在其定义的环境下求值而非运行时的环境下求值（假如该语言是动态作用域的话那么结果就为10了，其函数调用是在运行时环境下（即运行时栈）求值），对于第二个bar中的foo调用是在foo定义是的环境下求值，显然foo内的指向的是全局作用域的a，而此时全局作用域的a的值为11，bar内的var a = 10,定义了一个新的变量a，虽然名字相同但不是同一个变量。加入把这里的var去掉的话，则此时a和全局的a就是同一个变量，此时打印的结果就为10了。需要严格的区分几个概念变量名，变量，值，定义时环境，运行时环境。
2019-07-17 19:01:07赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
