【北大青鸟佳旗音舰】带你读懂前端工程师的面试官.docxVIP

【北大青鸟佳音旗舰】带你读懂前端工程师的面试官对于前端工程师，各个程序员应该都不陌生吧！但是对于如何去面试前端工程师，你又知道多少呢？其实关于面试你可能很有自己的一套，这里北大青鸟佳音旗舰的小编想跟你们分享一下一个面试前端工程师常有的经验和方法。【了解详情】不过想先给你们一个忠告，招聘是一件非常艰巨的任务，在45分钟内指出一名侯选人是否合适是你需要完成的任务。不过面试的最大问题是每个人都会想着去雇佣他们自己，任何通过我面试的人想法大都跟我差不多（注：因为你总会问你自己关心和知道的问题），这其实不是一件好事。因此我之前的决定都有很大碰运气的成分。不过，这也是一个良好的开端。【了解详情】最理想的情况下是侯选人有一个全面的Github“简历”，这样我们可以同时通过他们的开源项目了解他们。我经常会浏览他们的代码然后针对一些特定的代码设计问一些问题。如果侯选人有非常好的开源项目记录，接下来的面试会直接去检验他们的团队协作精神。否则，我不得不去问他们一些代码方面的问题了。【了解详情】我的面试非常有实践性，全部是写代码。没有抽象和理论上的东西（注：作者是个行业派），其他的面试官很可能会问这些问题，但是我认为他们前端编程的能力是值得商榷的。我问的问题大多看上去非常简单，但是每组问题都能让我考查侯选人某一方面JavaScript的知识。【了解详情】第一部分：Object Prototypes (对象原型)刚开始很简单。我会让侯选人去定义一个方法，传入一个string类型的参数，然后将string的每个字符间加个空格返回，例如：spacify(hello world) // = h e l l o ?w o r l d尽管这个问题似乎非常简单，其实这是一个很好的开始，尤其是对于那些未经过电话面试的侯选人——他们很多人声称精通JavaScript，但通常连一个简单的方法都不会写。下面是正确答案，有时侯选人可能会用一个循环，这也是一种可接受的答案。【了解详情】function spacify(str) { ??return str.split().join( );}接下来，我会问侯选人，如何把这个方法放入String对象上面，例如：hello world.spacify();问这个问题可以让我考察侯选人是否对function prototypes(方法原型)有一个基本的理解。这个问题会经常引起一些有意思的讨论：直接在对象的原型（prototypes）上添加方法是否安全，尤其是在Object对象上。最后的答案可能会像这样：Stotype.spacify = function(){ ??return this.split().join( );};到这儿，我通常会让侯选人解释一下函数声明和函数表达式的区别。【了解详情】第二部分：参数 arguments下一步我会问一些简单的问题去考察侯选人是否理解参数（arguments）对象。我会让他们定义一个未定义的log方法作为开始。【了解详情】log(hello world)我会让侯选人去定义log，然后它可以代理console.log的方法。正确的答案是下面几行代码，其实更好的侯选人会直接使用apply.function log(msg)　{ ??console.log(msg);}他们一旦写好了，我就会说我要改变我调用log的方式，传入多个参数。我会强调我传入参数的个数是不定的，可不止两个。这里我举了一个传两个参数的例子。log(hello, world);希望你的侯选人可以直接使用apply。有时人他们可能会把apply和call搞混了，不过你可以提醒他们让他们微调一下。传入console的上下文也非常重要。【了解详情】function log(){ ?console.log.apply(console, arguments);};接下来我会让侯选人给每一个log消息添加一个(app)的前辍，比如：(app) hello world现在可能有点麻烦了。好的侯选人知道arugments是一个伪数组，然后会将他转化成为标准数组。通常方法是使用Atotype.slice，像这样：function log(){ ??var args = Atotype.slice.call(arguments);?args.unshift((app)); ??console.log.apply(console, args);};第三部分：上下文下一组问题是考察侯选人对上下文和this的理解。我先定义了下面一个例子。注意count属性不是只读取当前下下文的。【了解详情】var User = {?count: 1,?getCount: function() { ? ?return this.count;?}};我又写了下面几行，然后问侯