在这里，另一种重点是，展示你意识到如何在不重写可能已经定义的函数。这个需要在自定义函数之前判断函数不存在。
`String.prototype.repeatify = String.prototype.repeatify || function(times) {/* code here */};``当你被要求一个垫片javascript函数时，这个技巧十分有用。
问题3: 提升变量（Hoisting）执行以下代码会有什么结果？为什么会这样？
function test() { console.log(a); console.log(foo()); var a = 1; function foo() { return 2; } } test();答案这段代码的执行结果是 undefined 和 2 。
这个结果的原因是，变量和函数都被提升了（ hoisted ）。因此，那个时候 a 被打印了，它存在函数之中（也就是声明了），但是依然是 undefined 。换言之，上述代码和以下代码是相同的。
function test() { var a; function foo() { return 2; } console.log(a); console.log(foo()); a = 1; } test();问题4: this 在javascript中是如何工作的以下代码的结果是什么？请解释你的答案。
var fullname = 'John Doe'; var obj = { fullname: 'Colin Ihrig', prop: { fullname: 'Aurelio De Rosa', getFullname: function() { return this.fullname; } } }; console.log(obj.prop.getFullname()); var test = obj.prop.getFullname; console.log(test());答案代码打印了 Aurelio De Rosa 和 John Doe 。原因是在javascript中，一个函数的语境，也就是 this 这个关键词引用的，依赖于函数是如何调用的，不是如何定义的。
在第一个 console.log() 调用中， getFullname() 是作为 obj.prop 的函数被调用的。因此，这里的语境指向后者并且函数返回对象的 fullname 属性。相反，当 getFullname() 被指定为 test 的变量，那个语境指向全局对象( window )。因为 test 相当于设置为全局对象的属性。因为这个原因，函数返回 window 的一个 fullname 属性，这在这个案例中是在代码片段中第一行设置的。
问题5: call() 和 apply()修复上一个问题，让最后一个 console.log() 打印出 Aurelio De Rosa 。
答案这个问题可以通过函数 call() 或者 apply() 强制函数语境。如果你不知道 call() 和 apply() 之间的区别，我推荐阅读文章 function.call和function.apply之间有和区别? 。在以下代码中，我会用 call() ，但是在这个案例中， apply() 也可以获得相同的结果：
`console.log(test.call(obj.prop));``结论在这篇文章中，我们讨论了,在面试中为了测试javascript开发者，而会问到的五种典型的问题。来自面试的真实问题可能会有所不同，但是涵盖的概念和主题通常都是十分相似的。我希望你愉悦地测试你的能力。万一你不知道所有的答案，不要担心：没有学习和经验不能解决的问题。
如果你在面试中被问到了其他有趣的问题，不要犹豫马上来和我们分享吧。这会帮助到很多的开发者。
以上就是五道典型的javascript面试题的详细内容，更多请关注php中文网其它相关文章！
继承的本质：重用
在探讨 javaScript 的原型继承之前，先不妨想想为什么要继承？
考虑一个场景，如果我们有两个对象，它们一部分属性相同，另一部属性不同。通常一个好的设计方案是将相同逻辑抽出来，实现重用。
以 xiaoMing liLei 两位同学举例。这两位同学有自己的名字，并且会介绍自己。抽象为程序对象，可以做如下表示。
var xiaoMing = { name : "xiaoMing", hello : function(){ console.log( 'Hello, my name is '+ this.name + '.'); } } var liLei = { name : "liLei", hello : function(){ console.log( 'Hello, my name is '+ this.name + '.'); } }使用过 java 的同学，可能第一眼就想到了用面向对象来解决这个问题。创造一个 Person 的类，然后实例化 xiaoMing 和 liLei 两个对象。在 ES6 中也有类似于 java 中类的概念： class 。
下面使用 ES6 的语法，用面向对象的思路来重构上面的代码。
class Person { constructor(name){ this.name = name } hello(){ console.log(this.name); } } var xiaoMing = new Person('xiaoMing'); var liLei = new Person('liLei');可以看到，使用类创建对象，达到了重用的目的。它基于的逻辑是，两个或多个对象的结构功能类似，可以抽象出一个模板，依照模板复制出多个相似的对象。
使用类创建对象，就像自行车制造商一遍一遍地重用相同的蓝图来制造大量的自行车。
然解决重用问题的方案，当然不止一种。传统面向对象的类，只是其中的一种方案。下面轮到我们的主角“原型继承”登场了，它从另一个角度解决了重用的问题。
原型继承的原理原型对象javaScript 中的 object 由两部分组成，普通属性的集合，和原型属性。
var o = { a : 'a', ... proto: prototypeObj }普通属性指的就是 a ； 原型属性 指的是 proto 。这本不属于规范的一部分，后来 chrome 通过 proto 将这个语言底层属性给暴露出来了，慢慢的被大家所接受，也就添加到 ES6 规范中了。 o.proto 的值 prototypeObj 也就是 原型对象 。原型对象其实也就是一个普通对象，之所以叫原型对象的原因，只是因为它是原型属性所指的值。
原型对象所以特殊，是因为它拥有一个普通对象没有的能力：将它的属性共享给其他对象。
在 ES6 规范 中，对它是如下定义的：
object that provides shared properties for other objects属性读操作回到最开始的例子，看看如何利用原型继承实现重用的目的。
var prototypeObj = { hello: function(){ console.log( 'Hello, my name is '+ this.name + '.'); } // ... } var xiaoMing = { name : "xiaoMing", proto : prototypeObj } var liLei = { name : "liLei", proto : prototypeObj } xiaoMing.hello(); // Hello, my name is xiaoMing. liLei.hello(); // Hello, my name is liLei.xiaoMing liLei 对象上，并没直接拥有 hello 属性(方法)，但是却能读取该属性(执行该方法)，这是为什么？
想象一个场景，你在做数学作业，遇到一个很难的题目，你不会做。而你有一个好兄弟，数学很厉害，你去请教他，把这道题做出来了。
xiaoMing 对象上，没有 hello 属性，但是它有一个好兄弟， prototypeObj 。属性读操作，在 xiaoMing 身上没有找到 hello 属性，就会去问它的兄弟 prototypeObj 。所以 hello 方法会被执行。
原型链还是做数学题的例子。你的数学题目很难，你的兄弟也没有答案，他推荐你去问另外一个同学。这样直到有了答案或者再也没有人可以问，你就不会再问下去。这样就好像有一条无形链条把你和同学们牵在了一起。
相关文章
精彩导读
热门资讯
关注我们
