分享

js经典面试题

 昵称36039975 2016-08-26
 问题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() {
  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));


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多