专栏首页PHP在线5个经典的JavaScript面试题

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),作者:wangxl

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 12个非常实用的JavaScript小技巧

    在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。 使用!!操作符转换布尔值 有时候我们...

    wangxl
  • PHP那些“坑”

    字符串 == 比较类型强转隐患 http://php.net/manual/zh/language.operators.comparison.php // ph...

    wangxl
  • 从运行原理及使用场景看Apache和Nginx

    用正确的工具,做正确的事情。 本文只作为了解Apache和Nginx知识的一个梳理,想详细了解的请阅读文末参考链接中的博文。 Web服务器 Web服务器也称为W...

    wangxl
  • JavaScript面试题补充(1---5)

    在IT界中,JavaScript开发人员的需求量一直居高不下。如果你的能力能够胜任这一角色,那么你有很多机会换一家公司,并提高薪水。但在你被一家公司聘用之前,你...

    用户1272076
  • JavaScript函数与对象

    函数 函数的定义 JavaScript中的函数和Python中的非常类似,只是定义方式有点区别。 // 普通函数定义 function f1() { ...

    人生不如戏
  • JavaScript 笔试题(二)

    上面代码中我们该判断了 result 的类型,在原生的 new 关键字上,如果你返回了一个对象,则接收时接收的会是这个对象,例如:

    多云转晴
  • JS数组的创建与使用方法

    前端_AWhile
  • 第13章 Kotlin 集成 SpringBoot 服务端开发(2)

    其中,ON DUPLICATE KEY UPDATE 这句表明当遇到重复的键值的时候,执行更新 gmt_modified = now() 的操作。这里nativ...

    一个会写诗的程序员
  • JS中const、var 和let的区别

    今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。 1.const定义...

    李文杨
  • es6 --- var const let

    今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。

    小蔚

扫码关注云+社区

领取腾讯云代金券