jQuery面试相关

浏览数：23 / 时间：2015年06月09日

问题1: 作用域

　　看一下下面的代码：

(function() {
　　var a = b = 5;
})();
　　console.log(b);

　　结果会输出什么?

　　答案：5

　　这个问题考查的要点是两个不同的作用域，‘a‘被var声明成了一个局部变量，但是‘b‘实际上没有被定义，所以它是一个全局变量。

　　这个问题还牵扯到另个一个比较重要的问题，就是strict mode，如果你选择了strict mode，上面的代码就会报Uncaught ReferenceError，因为b没有被定义，它可以帮你检查出代码的一些问题：

(function() {
　　‘use strict‘;
　　var a = window.b = 5;
})();
　　console.log(b);

　问题2: 创建“native”方法

　　写一个重复打印字符串对象的方法，输入一个整数，这个整数代表重复打印的字数，比如：

1	`console.log(‘hello‘.repeatify(3));`

　　这样会打印出hellohellohello。

　　答案：

　　其中一种实现方法是这样：

String.prototype.repeatify = String.prototype.repeatify || function(times) {　
　var str = ‘‘;　　
　for (var i = 0; i < times; i++) {　　
　     str += this;　
　}　　
　return str;　
};

　　这个问题考查的是开发者对JavaScript继承和prototype属性的了解程度。

　　Question 3: Hoisting

　　下面这段代码的输出结果是什么?

function test() {
　console.log(a);
　console.log(foo());
　var a = 1;
　function foo() {
　　return 2;
　　}
 }

test();

答案:undefined和2。

　　上面的代码和下面这段是等效的：

function test() {
　var a;
　function foo() {
　  return 2;
　}
　　console.log(a);
　　console.log(foo());
　　
　　a = 1;
　}　　

test();

　　问题4: 在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。

　　问题5: call() 和 apply()

　　解决前面的问题之后让最后一个console.log()输出Aurelio De Rosa.

　　答案：

　　这个问题在于call()还是apply()。如果你不知道它们之间的区别，我建设你先读一读 What’s the difference between function.call and function.apply? 下面这行代码我使用了call()，但是这个情况下apply()也会产生同样的结果：