菜鸟求助:js中作用域的问题

本人前端菜鸟一枚,js的作用域感觉巨难懂,问题如下:

 function local() {
     var localVariable = {
        color: red,
        sayColor: function() {
            return this.color;
        }
     };
     function localFunction() {
        return localVariable;
     }
 }

 var globalVariable = {
     color: 'green',
     sayColor: function() {
        return this.color;
     }
 };
 function globalFunction()  {
     return globalVariable;
 }

如上代码:
1、globalVariable和globalFunction均在全局作用域里,那么globalVariable里的color和sayColor有作用域吗?请具体讲解一下。
2、针对globalVariable与globalFunction相对于windows,那么globalVariable相对于其里面的color和sayColor的地位与作用,与windows一样吗?

1个回答

globalVariable里的color和sayColor都是globalVariable的属性,也就是说如果在这个作用域内,能使用globalVariable,那么自然也可以调用相应的属性,这两个的作用域是没有的(也可以说和对象一致)
2.这个和第一个问题是相同的,
变量的作用域(把所有的东西包括函数对象都看成变量吧)是有一个作用域链的,就和原型链一样,是一层一层往上找,作用域小的优先级高,
例如

 var s=100;
 alert(s);//输出100;全局变量
 function h(){
 var s=10;  
 alert(s);//10 ,由于在这个作用域链中,这个函数中有了一个s,那就不会往上找,
 }
 function h1(){
  alert(s);//100,这个作用域中没有s,往上找,找到全局变量100
 }
 function h2(){
  alert(s);//undefind   这个是作用域的提升,由于里面有一个s ,就不会去找全局变量 ,但是输出前。没定义。输出undefined
    var s=5;
    alert(s)//5
 }
 //还有一个势函数闭包,可以向下一层访问,就是反过来。基本就这样

cainiaoyep
cainiaoyep 谢谢!
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!