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

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

此处有几百字唠叨：
　　当天，我早早起床，跨越上百公里，高德导航，路人指点，跌跌撞撞到达招聘会现场，当时已是中午十二点半，吃了午餐（半瓶白开水），开始准备投递简历。绕场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网址，初学者可以看一下，应该会有所帮助。也欢迎大牛们莅临指导。