5个经典的JavaScript面试题

在IT界中公司对JavaScript开发者的要求还是比较高的,但是如果JavaScript开 发者的技能和经验都达到了一定的级别,那他们还是很容易跳到优秀的公司的,当然薪水就更不是问题了。但是在面试之前,面试准备也应该足够的充分,毕竟不是 每个优秀的开发者都能在短时间内表现自己。在这篇文章中,我将会列出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() { 
       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));

英文原文地址:http://www.sitepoint.com/5-typical-javascript-interview-exercises/

原文发布于微信公众号 - php(phpdaily)

原文发表时间:2014-11-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互扯程序

Java8函数式编程实践精华

现在是资源共享的时代,同样也是知识分享的时代,如果你觉得本文能学到知识,请把知识与别人分享。

1083
来自专栏顶级程序员

Python 工匠:善用变量来改善代码质量

我一直觉得编程某种意义上是一门『手艺』,因为优雅而高效的代码,就如同完美的手工艺品一样让人赏心悦目。

1043
来自专栏杨建荣的学习笔记

对一道if-else相关的程序题的简单分析(r5笔记第45天)

今天同事在微信群里提出了一个问题,看似是一个面试题。 大体的意思就是补充下面if条件使得输出 Hello World if(){ System.out.prin...

3535
来自专栏斑斓

使用Option的正确姿势

我们会频繁地使用Scala的Option,用以解决类似Null Object之类的问题。某种程度讲,使用Option必然会减少对空指针引用判断的丑陋代码,结合F...

2745
来自专栏Python小屋

Python中带else子句的for循环执行过程

这几天在厦门讲课,每天6小时,没有太多时间写新代码,宾馆不知道咋想的也不提供WiFi,只好用手机做个热点临时分享一点基础知识,300M的包月流量伤不起,热点瞬间...

2674
来自专栏Java帮帮-微信公众号-技术文章全总结

Java基础-day08-超市购物系统总结

Java基础-day08-超市购物系统总结 超市购物小票——自定义类 1案例介绍与演示 将超市购物小票案例中零散数据(名称、货号、单价、计价单位等)封装为货物对...

4376
来自专栏更流畅、简洁的软件开发方式

面向对象的本质是什么?

  什么是面向对象的本质呢?   万物皆对象?No   抽象?No   复用?No   那到底是什么呢? 万物皆对象。问了几位网友,这是答复之一。看到了某个...

3139
来自专栏王亚昌的专栏

C++多线程编程学习二 [类中封装互斥量的设计]

      之前我也提到过,如果一个类的数据成员中在多线程环境中可能会被竞争使用时,一定要在类中解决这个问题,而不是在代码编写过程中在每次使用时去申请或释放,这...

711
来自专栏Golang语言社区

第十节 Go语言函数方法(上)

干货来了!!!为了让更多的小伙伴喜欢Golang、加入Golang之中来,Golang语言社区发起人彬哥联合业界大牛共同推出了Go语言基础、进阶、提高课程,目前...

662
来自专栏C语言及其他语言

第一个 C 语言编译器是怎样编写的?

作者: 伯乐在线 - Chaobs 网址: http://blog.jobbole.com/94311/ 首先向C语言之父Dennis Ritchie致敬! ...

3539

扫码关注云+社区