JS面试典型常见问题与解答
Q1:下面代码段的输出是什么? 为什么? (Scope)
(function() {
var a = b = 5;
})();
console.log(b);
A1: 输出是5.
在上面的立即调用函数表达式(IIFE----Immediately Invoked Function Expression)中,
变量a是用var定义的局部变量, 变量b没有定义, 所以系统就自动定义它为全局变量。
所以,变量b的值会一直保存, 并被IIFE之后的log语句使用
追问:在严格模式(use strict),上面的代码会导致Uncaught ReferenceError. 为什么? 如何改。
A: 因为 在strict 模式下必须显式地引用全局变量,把b写成window.b
修改后如下:
(function() {
'use strict';
var a = window.b = 5;
})();
console.log(b);
Q 2: 为String对象添加1个函数repeatify(n), n是整数,n>0,函数返回一个字符串,重复n遍本字串的内容。例如:
console.log('hello'.repeatify(3));
返回 hellohellohello.
A2:
String.prototype.repeatify = String.prototype.repeatify || function(times) {
var str = '';
for (var i = 0; i < times; i++) {
str += this;
}
return str;
};
答案要点:
- 继承和prototype.
- 拓展内置的元素类别.
- 这是好习惯:总是尽量避免覆盖已有函数, 通过如下形式的测试:
String.prototype.repeatify = String.prototype.repeatify || function(times) {/* code here */};
Q 3:变量和函数的声明自动提前(hoisting)
下面代码段的执行结果是什么? 为什么?
function test() {
console.log(a);
console.log(foo());
var a = 1;
function foo() {
return 2;
}
}
test();
A:执行结果如下:
undefined
2
变量和函数的声明都会提前到函数的顶部,但是,变量的赋值不提前,所以,log(a)的时候,这个变量a是声明了,但是没有赋值, 是 undefined.
function test() {
var a; // 变量的声明被提前到函数的顶部,
function foo() { //函数的声明被提前到函数的顶部,
return 2;
}
console.log(a);
console.log(foo());
a = 1; // 变量的赋值, 不会被提前,留在了原地
}
test();
Q4:下面代码段的执行结果是什么? 为什么?(this的含义)
var fullname = '张三';
var obj = {
fullname: '李四',
prop: {
fullname: '王五',
getFullname: function() {
return this.fullname;
}
}
};
console.log(obj.prop.getFullname());
var test = obj.prop.getFullname;
console.log(test());
A:执行结果是:
王五
张三
原因是this所指的内容, 取决于函数调用时的上下文,而不是定义时的内容。
在通过obj.prop.getFullname()调用的时候, 函数getFullnanme()是当作obj.prop对象的一个函数, 所以它的上下文是prop对象,函数里面的this就指向obj.prop对象,所以, this.getFullname()就是obj.prop的局部变量,王五;
在通过test()调用的时候, getFullname 被赋值给了变量 test,test是全局对象windows的属性,所以, this也就指向了windows,
Question 5: call() and apply()
Q5: 修改Q4中的最后一行代码, 使得输出为“王五” (区别call()和apply())
A5:
console.log(test.call(obj.prop));
test.call(obj.prop)把上下文obj.prop传给函数test,从而使得函数test中的this指向obj.prop.
也可以用apply,写成
console.log(test.apply(obj.prop));
区别在于apply以数组的形式提供其余参数,call以单列形式提供其余参数。例如:
函数func(v1, v2, v3), 用call和apply分别调用如下:
func1.apply(obj.prop, [v1, v2, v3]);
func1.call(obj.prop, v1, v2, v3);