一些js小题,掌握这些对于一些常见的面试、笔试题应该很有帮助:
var a=10;
function aa(){
alert(a);
}
function bb(){
aa();
}
bb();//10 因为bb函数调用aa时,程序在执行aa,执行aa时只能找到全局中的a:10
当函数中声明变量不加var时则为全局变量:
function test(){
var a=b=10;
}
test(); //切记:一定要执行
alert(b);//全局 10
alert(a);//报错,因为定义在函数内部,有var,属于函数内的变量,外部无法访问
优先使用内部的变量,没有再往上查找,直到找到window,若还没有则出错,说明变量没有声明,如下:
var a=10;
function aa(){
var a=20;
alert(a);
}
aa();//20 优先使用自身定义的var a=20,而不用再往上搜索全局
但倘若把var a=20;放到alert(a);之后,则会undefined,例如下面代码:
var a=10;
function aa(){ alert(a);
var a=20;//放在了alert(a);之后
}
aa(); //undefined
这个问题之前也让我百思不得其解,现在我终于懂了,函数在读取变量时有个“预加载”特性。之所以弹出undefined很明显是没找到,为什么没找到呢?原来是函数执行时已经知道函数内部已经定义了var a;了,这时就不会再往上查找全局(把后路堵死了),但当执行到alert(a);时 还有没执行到var a=20;也就是说此时的a还没有被赋值,所以爆出undefined。总结就是:只要声明了var a=20;无论位置在哪,都不会再往上查找,还没来得及赋值就被alert了。代码就相当于:
var a=10;
function aa(){
var a; //已经声明有a就不会再往上查找
alert(a);//执行时还未声明
a=20; //赋值已经晚了。已经爆出undefined了!
}
aa();//undefined
那如果把函数内部的var a=10;的var 去掉呢?请看代码?
var a=10;
function test(){
a=20; //去掉了var,a也变为全局
alert(a);
}
test(); //20
很明显结果是20,给人的错觉是直接使用了内部的a=20,其实这样理解是错的,因为没有var,a变为全局,对函数来说内部是没有a的,会向上查找a,很高兴的找到了var a=10;没错,刚找到时依然为10,然后把a的值也就是10带入函数内部后,发现:尼玛!函数里有a=20;这条代码,就这样丢掉a的原值10,重新使用20,这样再被弹出。于是乎我们就看到了20,这个20可不是直接从内部拿来用的,而是从外面溜了一圈后才使用的20。
内部环境可使用外部的变量,外部变量不能使用内部的:
var a=10;
function aa(){
function bb(){
var a=20;
alert(a);//此处负责弹出bb自己本身的a :20
}
bb();
alert(a);//此处负责弹出全局中的10 }
aa(); //先弹出20,再弹出10
都知道函数中return后面的代码永远不会执行(不知道的面壁),但也不要太粗心,因为对于函数声明来说有个特性就是提前执行,也就是会把函数声明的代码放到代码块顶端优先执行,这样哪怕该类函数是放在return后面依然会执行,并且在return前就执行:
(function f(){
function f(){alert('1');}
return f(); //函数声明有提前执行的作用,也就是在return(虽然return后面的代码不执行)
function f(){alert('2');}
function f(){alert('3');}
function f(){alert('4');}//函数声明提前执行,f()已经被一次次更新
alert('sss');//永远不会执行因为在return后的代码不执行(匿名函数除外)
})() //4
以上代码执行结果为4,因为前面的函数都被最后一个重写(函数名一样),且在return之前执行,但最后一句alert('sss');永远不会执行,因为它没有像函数声明一样的提前执行待遇,并且位置处在return后面,被无情的抛弃,永远不会执行。
关于引用型数据:
先来了非引用数据吧:
var a=1;
var b=a;
b++; //更改b 加1
alert(b); //2 弹出更改后的b
alert(a);//1 不变,也就是说b的改变不影响a
但引用型数据就不行了:
var a=[1,2,3];
var b=a;
b.push(4); //修改b
alert(b);//1234 改变
alert(a);//1234 也改变,说明两者共同使用一个引用,共同指向一个内存区域,一个修改,另一个也跟着改
上面代码只是修改b,那如果对b重新赋值呢?
var a=[1,2,3];
var b=a;
b=[4,5,6];
alert(b);//456
alert(a);//123 不变
随着b的重新复制,那么就切断了引用,另立门户,和a再也没有任何关系。
当全局变量以参数的方式传进函数内部后,在内部对变量的操作就不再影响外部的全局,但引用同样不符合这条规则。
先来段非引用:
var a=10;
function test(a){
a=a+3;
alert(a);// 负责弹出传进函数内部且被修改后的a,值为13 }
test(a); //负责弹出全局中的10,说明全局没有被修改
alert(a); //先弹出13,后弹出10
以上原理注释中已经说明,如果去掉传参的方式呢?
var a=10;
function test(){
a=a+3;
alert(a);//13
}
test(a); //13
alert(a); //结果13, 13
没有传进参数,a就被函数内部修改(内部有权使用外部变量)。
引用型哪怕以传参的方式依然会影响外部变量:
var a=[1,2,3]; //引用型传进之后在函数内部改变依然影响函数外部
function test(a){
a.push(4);
alert(a)
}
test(a); //1,2,3,4
alert(a); // 1,2,3,4 全局变量已经被影响
以上代码证明引用型哪怕用参数传入也一样会牵连。当然了如果重新赋值(不是用push修改)会切断引用,彻底取消牵连:
var a=[1,2,3]; //引用型传进之后在函数内部改变依然影响函数外部
function test(a){
a=[3,3,3,3,3,3]; //重新复制则不再受外界影响,因为赋值切断了引用
alert(a)
}
test(a); //3,3,3,3,3,3
alert(a); // 1,2,3 不再受影响
这些就是常见的面试题考查的知识点,把这些掌握能解决很多类型的面试题,希望对你有所帮助,一起努力。