JS作用域面试题总结

放肆的年华 提交于 2020-03-17 08:53:20
关于JS作用域问题,是面试的时候面试官乐此不疲的面试题,有时候确实是令人抓狂,今天看到一个讲解这个问题的视频,明白了那些所谓的“原理”顿时有种豁然开朗的感觉~~~

  

1.js作用域(全局变量,局部变量)内部可以访问外部,但外部的不能访问内部的 

var a=10;
function aaa(){ 
    alert(a);
};
aaa(); //a 为外部变量即全局变量,所以可以直接访问到 结果为10
function aaa(){
var a=10;  
};
aaa();
alert(a); //a 为函数aaa()内部变量量即局部变量,所以无法访问到
var a=10; 
function aaa(){ 
 alert(a);
};            
function bbb(){
var a=20;
aaa();
}
bbb(); //结果为10,因为aaa()函数不能访问到bbb()里面的局部变量,所以访问到的是a=10,这个全局变量。

 2.不用var 定义变量时,会默认为是全局变量(不规范,不推荐)

function aaa(){
   a=10; 
}
aaa();
alert(a); //结果为10; 
//等价于:
var a;
function aaa(){
  a=10;
};
aaa();
alert(a);

//给未声明的变量赋值,此变量就会变成全局变量;var a=b=10; 可以解析成 b=10;var a=b; 也就是b为全局变量,a为局部变量,所以外部访问a访问不到,访问b结果为10;

所以为了避免出现这种隐患,我们在定义变量的时候把所有要定义的变量都加上var;

function aaa(){
      var a=b=10; 
} aaa(); alert(a);//结果为,无法访问到 alert(b);//结果为10;

3.变量的查找是就近原则去寻找,定义的var变量;第二点,变量的声明被提前到作用域顶部,赋值保留在原地,如下dome;

function aaa(){
  alert(a);
  var a=20;
}
aaa(); //结果为:undefined  /**************/
var a=10;function aaa(){
  alert(a);
  var a=20;
}
aaa(); //结果为:undefined可以解析为是:var a=10;function aaa(){  var a; //声明提前了  alert(a);  a=20; //赋值扔留着原地}aaa();
4.当参数跟局部变量重名的时候,优先级是等同的
    var a=10;
    function aaa(a){ 
        alert(a);
        var a=20;  //因为 a 是形参,优先级高于 var a; 所以 局部变量a的声明其实被忽略了。
    } 
    aaa(a); //结果为:10
5.变量修改的时候另一个变量会跟着变化,但是当变量重新被定义时,则另一个不变化
var a=[1,2,3];
var b=a;
b.push(4); 
alert(a);//结果为[1,2,3,4] 当b改变的时候a也发生了改变  
当b重新被赋值的时候 a不会改变.示例:
var a=[1,2,3];
var b=a;b=[1,2,3,4]alert(a)//结果为[1,2,3]


  

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!