JS题目合集---新技术层出不穷，打好基础才是上策~

 

在IT界中公司对JavaScript开发者的要求还是比较高的，但是如果JavaScript开发者的技能和经验都达到了一定的级别，那他们还是很容易跳到优秀的公司的，当然薪水就更不是问题了。但是在面试之前，面试准备也应该足够的充分，毕竟不是每个优秀的开发者都能在短时间内表现自己。在这篇文章中，我将会列出5个常见的前端开发面试题。看到这里你证明你一定是个程序员或是HR了，不防把文章看完，了解一下自己还有什么不足之处，有什么问题希望大家可以在留言中交流。

问题1: 作用域

看一下下面的代码：

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

 

结果会输出什么？ 

答案：

5

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

这个问题还牵扯到另个一个比较重要的问题，就是strict mode，如果你选择了strict mode，上面的代码就会报Uncaught ReferenceError，因为b没有被定义，它可以帮你检查出代码的一些问题：

1. (function(){
2. 'use strict';
3. var a = window.b =5;
4. })();
6. console.log(b);

问题2: 创建“native”方法

写一个重复打印字符串对象的方法，输入一个整数，这个整数代表重复打印的字数，比如：

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

这样会打印出hellohellohello。

答案：

其中一种实现方法是这样： 

1. String.prototype.repeatify =String.prototype.repeatify ||function(times){
2. var str ='';
4. for(var i =0; i < times; i++){
5. str +=this;
6. }
8. return str;
9. };

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

Question 3: Hoisting

下面这段代码的输出结果是什么？

1. function test(){
2. console.log(a);
3. console.log(foo());
5. var a =1;
6. function foo(){
7. return2;
8. }
9. }

1. test();

答案

undefined和2。

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

1. function test(){
2. var a;
3. function foo(){
4. return2;
5. }
7. console.log(a);
8. console.log(foo());
10. a =1;
11. }
13. test();

问题4: 在JavaScript中如何执行

通过下面的代码给出结果，解释一下你的答案：

1. var fullname ='John Doe';
2. var obj ={
3. fullname:'Colin Ihrig',
4. prop:{
5. fullname:'Aurelio De Rosa',
6. getFullname:function(){
7. returnthis.fullname;
8. }
9. }
10. };
12. console.log(obj.prop.getFullname());
14. var test = obj.prop.getFullname;
16. console.log(test());

答案：

答案是Aurelio De Rosa和John Doe。原因是，在一个函数中，this的行为，取决于JavaScript函数的调用方式和定义方式，而不仅仅是看它如何被定义的。 
在第一个 console.log()调用中，getFullname() 被调用作为obj.prop对象的函数。所以，上下文指的是后者，函数返回该对象的fullname。与此相反，当getFullname()被分配到 test变量时，上下文指的是全局对象（window）。这是因为test是被隐式设置为全局对象的属性。出于这个原因，该函数返回window的 fullname，即定义在第一行的那个值。

问题5: call() 和 apply()

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

答案：

这个问题在于call()还是apply()。 如果你不知道它们之间的区别，我建设你先读一读 What’s the difference between function.call and function.apply? 下面这行代码我使用了call()，但是这个情况下apply()也会产生同样的结果：

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