Zakas解答Baranovskiy的JavaScript小测试
Zakas 1/22在twitter上分享了Baranovskiy的一篇文章“So, you think you know JavaScript?”(你认为你够了解javascript吗)标题很叫板。结果5小段代码做的稀里哗啦。
今天Zakas专门撰文解答了这几道题(http://www.nczonline.net/blog/2010/01/26/answering-baranovskiys-javascript-quiz/)。不愧是大师,很深刻。
第1题: 是否真的理解声明变量
if (!(”a” in window)) {
var a = 1;
}
alert(a);
知识点:一是变量声明和初始化是分开的。二是Javascript引擎仅仅是把变量的声明提到当前scope的最前面解释。三是所有全局变量都是window对象的成员。所以这段代码实际是:
var a;
if (!(”a” in window)) {
a = 1;
}
alert(a);
答案就很清楚了-‘undefined’。
第2题:是否真的理解声明function
var a = 1,
b = function a(x) {
x && a(-x);
};
alert(a);
声明function只有两种一种是: function声明
function a (x) {
// do something.
}
另一种是: function表达式
var a = function (x) {
// do something.
}
function声明必须有方法名,而出现在表达式里的方法名都会被忽略。第二种function表达式就是一种赋值表达式,里面的方法名将被忽略。原文回复中提到的这篇文章(http://yura.thinkweb2.com/named-function-expressions/)写的很详细。
第3题:是否理解function声明的优先级
function a(x) {
return x * 2;
}
var a;
alert(a);
function声明会覆盖掉同名的变量声明,无论变量声明在前还是在后。但当变量赋值后,function就无效了。如:
var a = 1;
function a(x) {
return x * 2;
}
alert(a); //结果是 1
第4题:考是否理解参数对象
function b(x, y, a) {
arguments[2] = 10;
alert(a);
}
b(1, 2, 3);
答案是10。arguments相当于对应x, y, a建立的副本,Javascript引擎实现它们对应的值同步。所以arguments[2]的值变化了,a也随之变化。
第5题:是否真的理解call方法
function a() {
alert(this);
}
a.call(null);
ECMA262第3版标准里有明确说明:
“If thisArg is null or undefined, the called function is passed the global object as the this value. Otherwise, the called function is passed ToObject(thisArg) as the this value.”
可见,如果call的第一个参数是null或undefined,被调用的function将被传入全局对像作为this。全局对象就是window对象。所以,这道题的答案就很清楚了。
Zakas的原文更详细,我只是用更直白的话解读了一下。建议看原文。
建议继续学习:
- web应用应该考虑的一些问题 (阅读:6810)
- 总结的一些PHP开发中的tips (阅读:4900)
- 产品经理3年沉淀和总结 (阅读:4275)
- 我来CSDN的这一年 (阅读:4143)
- 2009年年终盘点 (阅读:3233)
- 写在 0x20 岁之前 (阅读:3238)
- 界面程序开发的一些总结 (阅读:2728)
- 无线产品团队总结 (阅读:2688)
- 2010年过去了,我写篇日志留点印记 (阅读:2279)
- 我的2010,2011 (阅读:1928)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:kejun 来源: Kejun's Blog
- 标签: 总结
- 发布时间:2010-04-15 13:45:23
-
[927] WordPress插件开发 -- 在插件使用 -
[133] 解决 nginx 反向代理网页首尾出现神秘字 -
[52] 如何保证一个程序在单台服务器上只有唯一实例( -
[52] 整理了一份招PHP高级工程师的面试题 -
[50] 全站换域名时利用nginx和javascri -
[50] 海量小文件存储 -
[50] 用 Jquery 模拟 select -
[49] CloudSMS:免费匿名的云短信 -
[48] Innodb分表太多或者表分区太多,会导致内 -
[47] jQuery性能优化指南
