美文网首页程序员&&简书今日看点程序员
一道简单的面试题引发的思考

一道简单的面试题引发的思考

作者: 人生还有多少个二十年 | 来源:发表于2016-12-11 12:47 被阅读708次

    版权声明:此文首发于本人简书账号-人生还有多少个二十年,转载请注明出处

    此处有几百字唠叨:
      当天,我早早起床,跨越上百公里,高德导航,路人指点,跌跌撞撞到达招聘会现场,当时已是中午十二点半,吃了午餐(半瓶白开水),开始准备投递简历。绕场2周,发现能提供我想要的岗位(前端开发)的公司有十家左右。我总共带了5份简历,投递了4家中意的公司,其中2家直接现场面试。
      先说说最糟糕的那场面试: “我是来应聘Web开端的” *** (然后面试官纠正了一下,“Web前端”,尴尬了)。面试官接着就我的简历提了若干问题,基本上对简历的提问,未涉及技术细节,其中有“你github上的代码有人看吗?”(我又尴尬了,github上传的只是我自己做过的一些作品,上传的目的只是为了让HR能够看到我写的代码,从未在其它地方提及我有github账号,自然是没人访问了)。当时因为紧张,还有近期睡眠不足,头脑很迟钝,问题大多回答得一塌糊涂。
      另一场面试,面试官应该就是该公司的技术人员,提问的都是技术问题,问题不难,我基本上都会,因为自己平时也认真总结过一些,所以大多数回答地还算流畅。其中有两个问题把我的脸都丢光了。一个是,
    “处理过浏览器的哪些兼容性问题”,我想了一两分钟居然还是想不出(脑子短路了)。学了一年多前端的我真没接触过兼容性问题吗?其实,我接触过的有不少,听说过的也有不少,例子那么多,可是当时居然想不出一个例子来(脑子短路了)。另一个问题,就是我下面要提及的作用域问题***,我当时思考的时间太久了...

    这是回忆中的面试题

    (实际略有差异,不纠结了):

    function foo(){
        var a = b = 2;
    }
    foo();
    alert(a);
    alert(b);
    
    

    question:说一下脚本的运行结果?
    answer: 引用错误(FF中给出的错误提示:ReferenceError: a is not defined)。
    reason:函数内声明的变量的作用域为函数作用域,在全局作用域中不能直接访问到函数内变量的值;而在函数中未声明就赋值的变量,在非严格模式下变成全局变量,成为window对象的一个属性,在严格模式下则会报错。此题的代码相当于以下代码:

    var b = 2;
    function foo(){
        var a =b;
    }
    foo();
    alert(a);  
    alert(b);
    

    显然,全局作用域中是没有变量a的,所以alert(a)会导致错误,脚本无法继续执行。

    简单的面试题已结束, 哈哈,现在让我当一回面试官吧?


    改编题1

    function foo(){
        var a = b = 2;
    }
    foo();
    alert(b);
    alert(a);
    

    question: 说一下脚本运行的结果?
    result:
    alert(b); //2
    alert(a); //ReferenceError: a is not defined
    reason:原理同上


    改编题2

    function foo(){
        var a = b = 2;
    }
    foo();
    alert(typeof a);
    alert(typeof b);
    

    question: 说一下脚本运行的结果?
    result:
    alert(typeof a); //undefined
    alert(typeof b); //number
    attention: 未定义的变量的数据类型为undefined,并不会报错。


    改编题3

    var a = 1;
    var b = 1;
    function foo(b){
        var a = b = 2;
    }
    foo(b);
    alert(a);
    alert(b);
    

    question: 说一下脚本运行的结果?
    result:
    alert(a); //1
    alert(b); //1
    reason:这里我主要说一下b的结果,函数中参数中有变量b,相当于在函数中声明了变量b,调用函数的时候,由于基本类型的变量值是按值传递的,所以,函数的局部变量b被赋值为1,接着,又对局部变量b的值进行了更新,但这并不会影响全局变量b的值,故全局变量b的值仍然为1


    改编题4

    var a = 1;
    var b = 1;
    function foo(a,b){
           arguments[0]=2;
           arguments[1]=2;
           b = 3;
           console.log(a);
           console.log(b);
    }
    foo(a,b);
    alert(a);
    alert(b);
    

    question: 说一下脚本运行的结果?
    result:
    console.log(a); //2
    console.log(b); //3
    alert(a); //1
    alert(b); //1
    reason: 此处我主要说一下arguments对象,它是函数的一个实参对象,是一个类数组,有length属性,并且也可以通过数组表示法获取指定索引值的元素,甚至可以被修改(简言之,arguments对象的值可读、可写),对arguments对象的修改直接同步到存放实参的各个变量。


    改编题5

    foo();
    alert(a);
    alert(b);
    function foo(){
        a = b = 2;
    }
    

    question: 说一下脚本运行的结果?
    result:
    alert(a); //2
    alert(b); //2
    question:函数未声明,就调用,怎么不会报错?
    reason:这是因为声明被提前了(hoisting
    ),声明被提升到作用域的顶部,此处,即全局作用域的顶部,在foo()之前。代码相当于:

    function foo(){
        a = b = 2;
    }
    foo();
    alert(a);
    alert(b);
    

    改编题6

    var a = 1;
    var b = 1;
    foo();
    alert(a);
    alert(b);
    var foo = function(){
        var a = b = 2;
    }
    
    

    question: 说一下脚本运行的结果?
    result:
    TypeError: foo is not a function
    reason: 这里使用函数定义表达式,要清楚的是,声明是会提前的,但赋值却不会。换句话说,函数调用的时候,foo已经存在了(不信,你可以试试alert(foo);),但是,它的值是undefined。所以,这里就出现了类型错误。顺便提一下,undefined和null没有任何的属性和方法。

    END
    这是我的github网址,初学者可以看一下,应该会有所帮助。也欢迎大牛们莅临指导。

    相关文章

      网友评论

      本文标题:一道简单的面试题引发的思考

      本文链接:https://www.haomeiwen.com/subject/xalumttx.html