Javascript面试题解析

Javascript的一些面试题让很多同学感到头疼，下面就根据兄弟连教育（www.lampbrother.net

）毕业学员面试遇到的面试题，给大家做一个简单的分享，希望对初入职场的你们有一些帮助：Javascript面试题解析。



第一题

/*

解析：

+ 优先级大于 ?

此题等价于： 'Value is true' ? 'Something' : 'Nothing'

所以结果是：'Something'

*/

var val = 'smtg';

console.log('Value is ' + (val === 'smtg') ?'Something' : 'Nothing');



第二题

/*

*解析：

* typeof 返回一个表示类型的字符串

typeof的结果请看下面:

**type** **result**

Undefined "undefined"

Null "object"

Boolean "boolean"

Number "number"

Symbol "symbol"

Hostobject Implementation-dependent

Function "function"

Object "object"



instanceof运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上



所以输出["object",false]

*/

functiontwo(){

console.info([typeofnull, null instanceof Object]); //["object", false]



第三题

/*

[JavaScript中的稀疏数组与密集数组][1]



解析：

一般来说,JavaScript中的数组是稀疏的,也就是说,数组中的元素之间可以有空隙

其实在javascript中并没有常规的数组，所有的数组其实就是一个对象。

javascript的数组根本没有索引，因为索引是数字，而js中数组的索引是string,

arr[1]其实就是arr["1"],给arr["1000"] =1,arr.length也会自动变为1001.

这些表现的根本原因就是,JavaScript中的对象就是字符串到任意值的键值对.注意键只能是字符串.



看一下 Array.prototype.filter 的部分代码:



var t =Object(this);

var len =t.length >>> 0;

if (typeoffun !== 'function') {

thrownew TypeError();

}

var res =[];

varthisArg = arguments.length >= 2 ? arguments[1] : void 0;

for (var i= 0; i < len; i++) {

if (i int) { // 注意这里!!!

varval = t[i];

if(fun.call(thisArg, val, i, t)) {

res.push(val);

}

}

}

从上面可知filter对数组进行遍历时，会首先检查这个索引值是不是数组的一个属性.测试一下：

console.info(0 in ary); //true

console.info(1 in ary); //true

console.info(4 in ary); //false

console.info(10 in ary); // false

也就是说3~9的索引根本没有是初始化



所以答案：[];

*/

var ary = [0,1,2];

ary[10] = 10;

console.info(ary.filter(function(x) { return x ===undefined;}));



第四题

/*

解析：

y 被赋值到全局. x 是局部变量. 所以打印 x 的时候会报 ReferenceError



*/

(function(){

var x = y =1;

})();

console.log(y); // 1

console.log(x); // error



第五题

/*

解析：

当函数参数涉及到 any rest parameters,

anydefault parameters or any destructured parameters 的时候,

这个 arguments 就不在是一个 mapped arguments object 了.....,

所以答案是12，这个需要好好体会一下

*/

function sidEffecting(ary) {

ary[0] =ary[2];

}

function bar(a,b,c=3) {

c = 10

sidEffecting(arguments);

return a + b+ c;

}

bar(1,1,1);