题目1:用typeof来判断对象的潜在陷阱
使用typeof bar === "object"
来确定bar是否是对象的潜在陷阱是什么,如何避免这个陷阱?
尽管在typeof bar === "objecct"
是检查bar是否是对象的可靠方法,但是在JavaScript中null也被认为是对象。
在下面的代码中,将输出true:
var bar = null;
console.log(typeof bar === "object");
// logs true!
此时,只要加上检查bar是否为null,就可以避免,
console.log(
(bar !== null) && (typeof bar === "object")
);
// logs false
除此之外,bar是一个函数的时候,也想对函数返回true的话,还需要:
console.log(
(bar !== null) && ((typeof bar === "object") || (typeof bar === "function"))
);
还有就是当bar是一个数组时,数组是真正的对象,想对数组返回false时,方案改为:
console.log(
(bar !== null) && (typeof bar === "object") && (toString.call(bar) !== "[object Array]")
);
使用jQuery就是:
console.log(
(bar !== null) && (typeof bar === "object") && (! $.isArray(bar))
);
****题目二:理解javascript变量定义的特殊情况
(function(){
var a = b = 3;
})();
console.log(typeof a == 'undefined');
console.log(typeof b == 'undefined');
问:代码将输出什么到控制台?为什么?
一般这时候都以为变量a和b都是声明定义在匿名函数内部的,属于函数内的局部变量,如果在函数外部进行打印调用,a和b都是undefined
,所以代码打印结果都是true
。
之所以这样理解,是把这句代码
var a = b = 3;
等同于:
var b = 3;
var a = b;
事实上,这句代码等同于:
b = 3;
var a = b;
这个时候的变量b声明没有加关键字var,也就是说变量b是全局变量(隐式全局变量),所以我们得到的结果其实是true和false。
当然在严格模式下,会报错:b is not undefined
正因为严格模式的存在,我们可以避免很多不必要的bug(全局变量污染)。
题目三:严格模式的意义和好处:
严格模式的一些主要优点包括:
- 使调试更加容易,那些被忽略或默默失败了的代码错误,会产生错误或抛出异常,严格模式可以尽早的提醒你代码中的问题,可以更快的指引到他们的源代码。
- 防止意外的全局变量,如果没有严格模式,将值分配给一个未声明的变量会自动创建该名称的全局变量,就例如上一个题中,在严格模式下就会抛出错误。
- 消除
this
限制,没有严格模式时,引用null
或未定义的值到this
值会自动强制到全局变量,这可能导致很多bug产生,在严格模式下,引用null或未定义的this值会抛出错误。 - 不允许重复的属性名或参数值,当检测到对象中重复命名的属性或者检测到函数中重复命名的参数时,严格模式会抛出错误,节省了大量捕捉代码中bug的时间:
var object = {foo: "bar", foo: "baz"};)
function foo(val1, val2, val1){})
- 使
eval()
更安全,在严格模式和非严格模式下,eval()
的行为方式有所不同,最明显就是在严格模式下,变量和声明在eval()
语句内部的函数不会在包换范围内创建(它们会在非严格模式下的包含范围中被创建)。 - 在
delete
使用无效时抛出错误,delete
操作符(用于从对象中删除属性)不能用在对象不可配置的属性上,试图删除一个不可配置的属性时,非严格模式代码将默默失败,严格模式将抛出异常。
题目四:关于this指向的常见面试题
var myObject = {
foo: "bar",
func: function() {
var self = this;
console.log(this.foo);
console.log(self.foo);
(function() {
console.log(this.foo);
console.log(self.foo);
}());
}
};
myObject.func();
问四次的输出内容是什么:?
bar
bar
undefined
bar
题目中,在外部函数中,this
和self
两者都指向了myObject
,因此两者都可以正确引用和访问foo
;在内部函数中,this
不再指向myObject
,结果就是,this.foo
没有在内部函数中被定义,相反,指向到本地的变量self
保持在范围内,并且可以访问。(在ECMA 5之前,在内部函数中的this
将指向全局的window对象,反之,作为ECMA 5内部函数中的功能this
是未定义的、)