珠峰培训

Javascript 变态题解析系列五

作者:zhanglei

2016-07-27 21:37:41

239

经过几周的面试题总结,我们的面试题已经接近尾声,相信一路看下来的同学发现,题,虽然变态,但是考察的都是我们对基础的掌握能力;

第33题

    
function f() {}
var parent = Object.getPrototypeOf(f);
f.name // ?
parent.name // ?
typeof eval(f.name) // ?
typeof eval(parent.name) //  ?
    

先说以下答案 'f', 'Empty', 'function', error 这个答案并不重要…..

这里第一小问和第三小问很简单不解释了.

第二小问笔者在自己的浏览器测试的时候是 '', 第四问是 'undefined'

所以应该是平台相关的. 这里明白 parent === Function.prototype 就好了.

第34题

    
var lowerCaseOnly =  /^[a-z]+$/;
[lowerCaseOnly.test(null), lowerCaseOnly.test()]
    

这里 test 函数会将参数转为字符串. 'nul', 'undefined' 自然都是全小写了

答案: true, true

第35题

    
[,,,].join(", ")
    

[,,,] => [undefined × 3]

因为javascript 在定义数组的时候允许最后一个元素后跟一个,, 所以这是个长度为三的稀疏数组(这是长度为三, 并没有 0, 1, 2三个属性哦)

答案: ", , "

第36题

    
var a = {class: "Animal", name: 'Fido'};
a.class
    

这个题比较流氓.. 因为是浏览器相关, class是个保留字(现在是个关键字了).

所以答案不重要, 重要的是自己在取属性名称的时候尽量避免保留字. 如果使用的话请加引号 a['class']

第37题

    
var a = new Date("epoch")
    

简单来说, 如果调用 Date 的构造函数传入一个字符串的话需要符合规范, 即满足 Date.parse 的条件.

另外需要注意的是 如果格式错误 构造函数返回的仍是一个Date 的实例 Invalid Date.

答案 Invalid Date

第38题

    
var a = Function.length,
b = new Function().length
a === b
    

我们知道一个function(Function 的实例)的 length 属性就是函数签名的参数个数, 所以 b.length == 0.

另外 Function.length 定义为1……

所以不相等…….答案 false

第39题

    
var a = Date(0);
var b = new Date(0);
var c = new Date();
[a === b, b === c, a === c]
    

还是关于Date 的题, 需要注意的是

如果不传参数等价于当前时间.

如果是函数调用 返回一个字符串.

答案 false, false, false

第40题

    
var min = Math.min(), max = Math.max()
min < max
    

有趣的是, Math.min 不传参数返回 Infinity, Math.max 不传参数返回 -Infinity

答案: false

第41题

    
function captureOne(re, str) {
var match = re.exec(str);
return match && match[1];
}
var numRe  = /num=(\d+)/ig,
wordRe = /word=(\w+)/i,
a1 = captureOne(numRe,  "num=1"),
a2 = captureOne(wordRe, "word=1"),
a3 = captureOne(numRe,  "NUM=2"),
a4 = captureOne(wordRe,  "WORD=2");
[a1 === a2, a3 === a4]
    

通俗的讲

因为第一个正则有一个 g 选项 它会‘记忆’他所匹配的内容, 等匹配后他会从上次匹配的索引继续, 而第二个正则不会

举个例子

    
var myRe = /ab*/g;
var str = 'abbcdefabh';
var myArray;
while ((myArray = myRe.exec(str)) !== null) {
    var msg = 'Found ' + myArray[0] + '. ';
    msg += 'Next match starts at ' + myRe.lastIndex;
    console.log(msg);
}
// Found abb. Next match starts at 3
// Found ab. Next match starts at 9
    

所以 a1 = ‘1’; a2 = ‘1’; a3 = null; a4 = ‘2’

答案 [true, false]

第42题

    
var a = new Date("2014-03-19"),
b = new Date(2014, 03, 19);
[a.getDay() === b.getDay(), a.getMonth() === b.getMonth()]
    

这个….

JavaScript inherits 40 years old design from C: days are 1-indexed in C’s struct tm, but months are 0 indexed. In addition to that, getDay returns the 0-indexed day of the week, to get the 1-indexed day of the month you have to use getDate, which doesn’t return a Date object.

    
a.getDay()
3
b.getDay()
6
a.getMonth()
2
b.getMonth()
3
    

都是套路!

答案 [false, false]

第43题

    
if ('http://giftwrapped.com/picture.jpg'.match('.gif')) {
    'a gif file'
} else {
    'not a gif file'
}
    

String.prototype.match 接受一个正则, 如果不是, 按照 new RegExp(obj) 转化. 所以 . 并不会转义

那么 /gif 就匹配了 /.gif/

答案: 'a gif file'

第44题

    
function foo(a) {
    var a;
    return a;
}
function bar(a) {
    var a = 'bye';
    return a;
}
[foo('hello'), bar('hello')]
    

在两个函数里, a作为参数其实已经声明了, 所以 var a; var a = 'bye' 其实就是 a; a ='bye'

所以答案 'hello', 'bye'

全部结束!

总结:亲们,这期面试题到此就结束了,希望亲们能打好基础,这样一切都会变得简单,努力吧!青年!