您的位置:首页 > Web前端 > JavaScript

5个经典的JavaScript面试题

2017-05-03 18:35 555 查看




在IT界中公司对JavaScript开发人员的要求还是比較高的。可是假设JavaScript开 发者的技能和经验都达到了一定的级别。那他们还是非常easy跳到优秀的公司的,当然薪水就更不是问题了。可是在面试之前。面试准备也应该足够的充分,毕竟不是
每一个优秀的开发人员都能在短时间内表现自己。

在这篇文章中,我将会列出5个常见的前端开发面试题。看到这里你证明你一定是个程序猿或是HR了,不防把文章看 完,了解一下自己还有什么不足之处,有什么问题希望大家能够在留言中交流。

问题1: 作用域

看一下以下的代码:

(function(){
var a = b =5;
})();
console.log(b);


结果会输出什么?

答案:

5

这个问题考查的要点是两个不同的作用域,'a'被var声明成了一个局部变量。可是'b'实际上没有被定义,所以它是一个全局变量。

这个问题还牵扯到另个一个比較重要的问题。就是strict mode,假设你选择了strict mode。上面的代码就会报Uncaught ReferenceError。由于b没有被定义。它能够帮你检查出代码的一些问题:

(function(){
'use strict';
var a = window.b =5;
})();
console.log(b);


问题2: 创建“native”方法

写一个反复打印字符串对象的方法,输入一个整数。这个整数代表反复打印的字数,比方:

console.log('hello'.repeatify(3));

这样会打印出hellohellohello。

答案:

当中一种实现方法是这样:

String.prototype.repeatify =String.prototype.repeatify ||function(times){
var str ='';
for(var i =0; i < times; i++){
str +=this;
}
return str;
};


这个问题考查的是开发人员对JavaScript继承和prototype属性的了解程度。

Question 3: Hoisting

以下这段代码的输出结果是什么?

function test(){
console.log(a);
console.log(foo());
var a =1;
function foo(){
return2;
}
}

test();


答案

undefined和2。

上面的代码和以下这段是等效的:

function test(){
var a;
function foo(){
return2;
}
console.log(a);
console.log(foo());
a =1;
}
test();


问题4: 在JavaScript中怎样运行

通过以下的代码给出结果,解释一下你的答案:

var fullname ='John Doe';
var obj ={
fullname:'Colin Ihrig',
prop:{
fullname:'Aurelio De Rosa',
getFullname:function(){
returnthis.fullname;
}
}
};
console.log(obj.prop.getFullname());
var test = obj.prop.getFullname;
console.log(test());


答案:

Aurelio De Rosa 和John Doe。

问题5: call() 和 apply()

解决前面的问题之后让最后一个console.log()输出Aurelio De Rosa.

答案:

这个问题在于call()还是apply()。 假设你不知道它们之间的差别,我建设你先读一读 What’s the difference between function.call and function.apply?

以下这行代码我使用了call(),可是这个情况下apply()也会产生相同的结果:

console.log(test.call(obj.prop));


原文来自:5个经典的JavaScript面试题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: