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

javascript经典面试题目

2014-10-31 14:51 447 查看
问题1: 作用域

code:

(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() {

      return 2;

   }

}

test();

答案
undefined和2。
上面的代码和下面这段是等效的:

function test() {

   var a;

   function foo() {

      return 2;

   }

   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() {

         return this.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));
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息