一些js小题（一）

一些js小题（一）

一些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);//全局  10alert(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 加1alert(b); //2 弹出更改后的balert(a);//1   不变，也就是说b的改变不影响a

但引用型数据就不行了：

var a=[1,2,3];var b=a;b.push(4); //修改balert(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);  //13alert(a); //结果13， 13

没有传进参数，a就被函数内部修改（内部有权使用外部变量）。

引用型哪怕以传参的方式依然会影响外部变量：

var a=[1,2,3];   //引用型传进之后在函数内部改变依然影响函数外部function test(a){a.push(4);alert(a)}test(a); //1,2,3,4alert(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,3alert(a); // 1,2,3 不再受影响

这些就是常见的面试题考查的知识点，把这些掌握能解决很多类型的面试题，希望对你有所帮助，一起努力。