JS作用域面试题总结

Posted 蓝眼睛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS作用域面试题总结相关的知识,希望对你有一定的参考价值。

关于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]

 












 

以上是关于JS作用域面试题总结的主要内容,如果未能解决你的问题,请参考以下文章

js 面试题总结 3

JavaScript高级JavaScript的运行原理:V8引擎,JS代码执行原理,作用域和作用域链面试题

js面试题知识点全解(一作用域和闭包)

js面试题-----作用域与闭包

JS高阶---作用域面试

JavaScript面试题总结系列