资讯专栏INFORMATION COLUMN

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

wpw / 2464人阅读

摘要:另一个问题,就是我下面要提及的作用域问题,我当时思考的时间太久了这是回忆中的面试题实际略有差异,不纠结了说一下脚本的运行结果引用错误中给出的错误提示。

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

此处有几百字唠叨:
  当天,我早早起床,跨越上百公里,高德导航,路人指点,跌跌撞撞到达招聘会现场,当时已是中午十二点半,吃了午餐(半瓶白开水),开始准备投递简历。绕场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.ucloud.cn/yun/91315.html

相关文章

  • 一道面试引发思考 --- Event Loop

    摘要:想必面试题刷的多的同学对下面这道题目不陌生,能够立即回答出输出个,可是你真的懂为什么吗为什么是输出为什么是输出个这两个问题在我脑边萦绕。同步任务都好理解,一个执行完执行下一个。本文只是我对这道面试题的一点思考,有误的地方望批评指正。 想必面试题刷的多的同学对下面这道题目不陌生,能够立即回答出输出10个10,可是你真的懂为什么吗?为什么是输出10?为什么是输出10个10?这两个问题在我脑...

    betacat 评论0 收藏0
  • 一道面试引发思考

    摘要:下面我们来使用面向对象类图这里就不再画了首先面试题中所提到的我们都可以看成类,比如停车场是一个类吧,它里面的车位是一个类吧,摄像头,屏幕。。。 以下是某场的一道面试题(大概): 1、一个停车场,车辆入场时,摄像头记录下车辆信息2、屏幕上显示所接收的车辆的信息情况(车牌号)以及各层车位的车位余量3、停车场一共四层车位,其中的三层都为普通车位,还有一层为特殊车位(体现在停车计费价格上面的不...

    Apollo 评论0 收藏0
  • 一道面试引发思考

    摘要:下面我们来使用面向对象类图这里就不再画了首先面试题中所提到的我们都可以看成类,比如停车场是一个类吧,它里面的车位是一个类吧,摄像头,屏幕。。。 以下是某场的一道面试题(大概): 1、一个停车场,车辆入场时,摄像头记录下车辆信息2、屏幕上显示所接收的车辆的信息情况(车牌号)以及各层车位的车位余量3、停车场一共四层车位,其中的三层都为普通车位,还有一层为特殊车位(体现在停车计费价格上面的不...

    soasme 评论0 收藏0
  • 一道面试引发思考

    摘要:下面我们来使用面向对象类图这里就不再画了首先面试题中所提到的我们都可以看成类,比如停车场是一个类吧,它里面的车位是一个类吧,摄像头,屏幕。。。 以下是某场的一道面试题(大概): 1、一个停车场,车辆入场时,摄像头记录下车辆信息2、屏幕上显示所接收的车辆的信息情况(车牌号)以及各层车位的车位余量3、停车场一共四层车位,其中的三层都为普通车位,还有一层为特殊车位(体现在停车计费价格上面的不...

    Backache 评论0 收藏0

发表评论

0条评论

wpw

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<