• 5个经典的JavaScript面试题


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

    问题1: 作用域

    看一下下面的代码:

    
    
    1. (function() {
    2.    var a = b = 5;
    3. })();
    4.  
    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. })();
    5.  
    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 = '';
    3.  
    4.    for (var i = 0; i < times; i++) {
    5.       str += this;
    6.    }
    7.  
    8.    return str;
    9. };
     
    这个问题考查的是开发者对JavaScript继承和prototype属性的了解程度。


     

    问题3: Hoisting

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

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

    undefined和2。

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

    1. function test() {
    2.    var a;
    3.    function foo() {
    4.       return 2;
    5.    }
    6.  
    7.    console.log(a);
    8.    console.log(foo());
    9.     
    10.    a = 1;
    11. }
    12.  
    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.          return this.fullname;
    8.       }
    9.    }
    10. };
    11.  
    12. console.log(obj.prop.getFullname());
    13.  
    14. var test = obj.prop.getFullname;
    15.  
    16. 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()也会产生同样的结果:

    1. console.log(test.call(obj.prop));
     
     
    大家好,我是达内科技-昆明分公司的项目经理-蒙蒙,qq号:2823060927,欢迎大家加我好友一起交流有关于JAVA、PHP、UID、网络营销的知识。
  • 相关阅读:
    C# 接口显示实现和隐式实现
    接口压力测试控制台程序
    超全面常用的数据库优化方案
    使用POI导出Excel时,关于设置带有多行表头表格自动宽度的问题解决办法
    win7 64位多出莫名用户,如何去掉?
    MYSQL:frm,myd,myi文件恢复至数据库的方法
    SpringBoot集成Dubbo
    Spring事务传播特性
    搭建Spring源码环境
    JVM常用命令
  • 原文地址:https://www.cnblogs.com/geeek/p/4064682.html
Copyright © 2020-2023  润新知