小姜哥的微信

你自认为理解了JavaScript?

CSDN论坛里有个帖子,“你自认为理解了JavaScript?”,Dmitry Baranovskiy在自己的博客里出了五道测试题,测试一下大家是否真的懂JavaScript。

建议大家去原帖看看。

题目如下(每段代码为一个题目):

if (!("a" in window)) {
var a = 1;
}
alert(a);


var a = 1,
b = function a(x) {
x && a(--x);
};
alert(a);

function a(x) {
return x * 2;
}
var a;
alert(a);

function b(x, y, a) {
arguments[2] = 10;
alert(a);
}
b(1, 2, 3);
function a() {
alert(this);
}
a.call(null);

虽然回帖中已经有正确解释了,但是我还是回了帖子,而且还引用了上一个人的回帖,之所以引用,我觉得要有知其然知其所以然的精神,更何况“授人以鱼不如授人以渔”。

温馨提示,先自己作答再看答案呦!

–以下是答案–

–以下是答案–

–以下是答案–

–以下是答案–

–以下是答案–

我的回帖如下:

引用 257 楼 u011295110 的回复:这几个问题都很棒,虽然不常见。其实都是在考对ecma-262是否了解,是否理解ecma-262原理。建议大家读一下emca-262标准。

官网为http://www.ecma-international.org/publications/standards/Ecma-262.htm

中文版可以读http://www.mojijs.com/2013/07/119399/index.html

第一题:答案undefined

if (!("a" in window)) {
var a = 1;
}

js函数正式执行前会先处理函数声明、形参、变量声明(创建变量但是不赋值,赋值在代码执行阶段)。本例先在代码执行前处理变量声明,也就是解析器先弄一个变量a,但是没到函数执行呢,还不能给他赋值。所以有了变量a,注意是变量,全局变量相当于window的属性(其实不同,比如属性可以delete)所以”a” in window为true。

如果本题改为

if (!("a" in window)) {
a = 1;
}

将不会优先处理变量声明,结果会不同。

作为对比可以改为如下,同样根据上面的说明作答,大家自己试试。

(function(){
if (!("a" in window)) {
var a = 1;

}
alert(a);
})();

第二题:答案1

var a = 1,
b = function a (x) {
x && a (--x);
};

只要记住一点,命名函数表达式的名字仅在所定义的函数内有效,由ecmascript作用域链的构建规则决定。

第三题:答案 是一个函数

function a (x) {

return x * 2;

}

var a;

按照第一题的解释中所说,先处理函数和声明和变量声明,所以a是一个函数,而var a不会改变赋值嘛,此后又没有赋值,所以a一直都是函数。

第四题:答案10

function b (x, y, a) {

arguments[2] = 10;

alert (a);

}

b(1, 2, 3);

js每一个函数内都有一个隐含的arguments变量,是一个类数组结构,依次记录了参数的值,与参数同步更改。

第五题:答案window

function a () {

alert (this);

}

a.call (null);

没啥可说的,默认用window。

忘说了,我觉得读ecmascript标准是学习最好的办法。

建议读英文,如果实在读不了读中文也会受益匪浅的。

推荐文章

回到顶部