18. 淘氣的map

var ary = Array(3);
ary[0] = 2;
ary.map(function(elem) {
  return "1";
});

// A. [2, 1, 1]
// B. ["1", "1", "1"]
// C. [2, "1", "1"]
// D. other

答案是D。實(shí)際上結(jié)果是 ["1", undefined x 2]，因?yàn)橐?guī)范寫得很清楚：

map 方法會給原數(shù)組中的每個(gè)元素都按順序調(diào)用一次 callback 函數(shù)。callback 每次執(zhí)行后的返回值組合起來形成一個(gè)新數(shù)組。 callback 函數(shù)只會在有值的索引上被調(diào)用；那些從來沒被賦過值或者使用 delete 刪除的索引則不會被調(diào)用。

參考資料：

• MDN: Array.prototype.map()

19. 統(tǒng)統(tǒng)算我的

function sidEffecting(ary) {
  ary[0] = ary[2];
}

function bar(a, b, c) {
  c = 10;
  sidEffecting(arguments);
  return a + b + c;
}

bar(1, 1, 1);

// A. 3
// B. 12
// C. error
// D. other

答案是D。實(shí)際上結(jié)果是 21。在JavaScript中，參數(shù)變量和 arguments 是雙向綁定的。改變參數(shù)變量，arguments 中的值會立即改變；而改變 arguments 中的值，參數(shù)變量也會對應(yīng)改變。

20. 損失精度的IEEE 754

var a = 111111111111111110000;
var b = 1111;
console.log(a + b);

// A. 111111111111111111111
// B. 111111111111111110000
// C. NaN
// D. Infinity

答案是B。這是IEEE 754規(guī)范的黑鍋，不是JavaScript的問題。表示這么大的數(shù)占用過多位數(shù)，會丟失精度，學(xué)過計(jì)算機(jī)組成原理的應(yīng)該知道是怎么回事。

參考資料：

• Wiki：Double-precision floating-point format

21. 反轉(zhuǎn)世界

var x = [].reverse;
x();

// A. []
// B. undefined
// C. error
// D. window

答案是D。MDN規(guī)范關(guān)于 reverse 的描述：

reverse 方法顛倒數(shù)組中元素的位置，并返回該數(shù)組的引用。

而這里調(diào)用的時(shí)候沒有制定數(shù)組，所以默認(rèn)的 this 就是 window，所以最后結(jié)果返回的是 window。

參考資料：

• MDN：Array.prototype.reverse()

22. 最小的正值

Number.MIN_VALUE > 0

// A. false
// B. true
// C. error
// D. other

答案是B。看規(guī)范描述吧：

MIN_VALUE屬性是 JavaScript 里最接近 0 的正值，而不是最小的負(fù)值。

MIN_VALUE的值約為 5e-324。小于 MIN_VALUE
("underflow values") 的值將會轉(zhuǎn)換為 0。

因?yàn)?MIN_VALUE是 Number 的一個(gè)靜態(tài)屬性，因此應(yīng)該直接使用： Number.MIN_VALUE，而不是作為一個(gè)創(chuàng)建的 Number實(shí)例的屬性。

參考資料：

• MDN：Number.MIN_VALUE

23. 謹(jǐn)記優(yōu)先級

[1 < 2 < 3, 3 < 2 < 1]

// A. [true, true]
// B. [true, false]
// C. error
// D. other

答案是A。<和>的優(yōu)先級都是從左到右，所以 1 < 2 < 3 會先比較 1 < 2，這會得到 true，但是 < 要求比較的兩邊都是數(shù)字，所以會發(fā)生隱式強(qiáng)制轉(zhuǎn)換，將 true 轉(zhuǎn)換成 1，所以最后就變成了比較 1 < 3，結(jié)果顯然為 true。同理可以分析后者。

參考資料：

• MDN：運(yùn)算符優(yōu)先級

24. 坑爹中的戰(zhàn)斗機(jī)

// the most classic wtf
2 == [[[2]]]

// A. true
// B. false
// C. undefined
// D. other

答案是A。根據(jù)ES5規(guī)范，如果比較的兩個(gè)值中有一個(gè)是數(shù)字類型，就會嘗試將另外一個(gè)值強(qiáng)制轉(zhuǎn)換成數(shù)字，再進(jìn)行比較。而數(shù)組強(qiáng)制轉(zhuǎn)換成數(shù)字的過程會先調(diào)用它的 toString方法轉(zhuǎn)成字符串，然后再轉(zhuǎn)成數(shù)字。所以 [2]會被轉(zhuǎn)成 "2"，然后遞歸調(diào)用，最終 [[[2]]] 會被轉(zhuǎn)成數(shù)字 2。

25. 小數(shù)點(diǎn)魔術(shù)

3.toString();
3..toString();
3...toString();

// A. "3", error, error
// B. "3", "3.0", error
// C. error, "3", error
// D. other

答案是C。點(diǎn)運(yùn)算符會被優(yōu)先識別為數(shù)字常量的一部分，然后才是對象屬性訪問符。所以 3.toString() 實(shí)際上被JS引擎解析成 (3.)toString()，顯然會出現(xiàn)語法錯(cuò)誤。但是如果你這么寫 (3).toString()，人為加上括號，這就是合法的。

26. 自動提升為全局變量

(function() {
  var x = y = 1;
})();
console.log(y);
console.log(x);

// A. 1, 1
// B. error, error
// C. 1, error
// D. other

答案是C。很經(jīng)典的例子，在函數(shù)中沒有用 var 聲明變量 y，所以 y 會被自動創(chuàng)建在全局變量 window下面，所以在函數(shù)外面也可以訪問得到。而 x 由于被 var 聲明過，所以在函數(shù)外部是無法訪問的。

27. 正則表達(dá)式實(shí)例

var a = /123/;
var b = /123/;
a == b;
a === b;

// A. true, true
// B. true, false
// C. false, false
// D. other

答案是C。每個(gè)字面的正則表達(dá)式都是一個(gè)單獨(dú)的實(shí)例，即使它們的內(nèi)容相同。

28. 數(shù)組也愛比大小

var a = [1, 2, 3];
var b = [1, 2, 3];
var c = [1, 2, 4];

a == b;
a === b;
a > c;
a < c;

// A. false, false, false, true
// B. false, false, false, false
// C. true, true, false, true
// D. other

答案是A。數(shù)組也是對象，ES5規(guī)范指出如果兩個(gè)對象進(jìn)行相等比較，只有在它們指向同一個(gè)對象的情況下才會返回 true，其他情況都返回 false。而對象進(jìn)行大小比較，會調(diào)用 toString 方法轉(zhuǎn)成字符串進(jìn)行比較，所以結(jié)果就變成了字符串 "1,2,3" 和 "1,2,4" 按照字典序進(jìn)行比較了（你若不信，可以重現(xiàn)兩個(gè)變量的 toString 方法，進(jìn)行測試）。

29. 原型把戲

var a = {};
var b = Object.prototype;

[a.prototype === b, Object.getPrototypeOf(a) == b]

// A. [false, true]
// B. [true, true]
// C. [false, false]
// D. other

答案是A。對象是沒有 prototype 屬性的，所以 a.prototype 是 undefined，但我們可以通過 Object.getPrototypeOf 方法來獲取一個(gè)對象的原型。

30. 構(gòu)造函數(shù)的函數(shù)

function f() {}
var a = f.prototype;
var b = Object.getPrototypeOf(f);
a === b;

// A. true
// B. false
// C. null
// D. other

答案是B。這個(gè)解釋起來有點(diǎn)繞口，我們先來看另外一段代碼：

function Person() {}
var p = new Person();

var a = p.__proto__;
var b = Object.getPrototypeOf(p);
var c = Person.prototype;
console.log(a === b, a === c, b === c);
// true, true, true

var d = Person.__proto__;
var e = Object.getPrototypeOf(Person);
var f = Function.prototype;
console.log(d === e, d === f, e === f);
// true, true, true

首先你要明白，任何函數(shù)都是 Function 的實(shí)例，而p是函數(shù) Person 的實(shí)例，Object.getPrototypeOf 會獲取構(gòu)造當(dāng)前對象的原型。所以 Object.getPrototypeOf(p) === Person.prototype，而 Object.getPrototypeOf(Person) === Function.prototype，所以答案就很明顯了。

我解釋的不是很好，如果讀者有更好的解釋，歡迎評論。

31. 禁止修改函數(shù)名

function foo() {}
var oldName = foo.name;
foo.name = "bar";
[oldName, foo.name];

// A. error
// B. ["", ""]
// C. ["foo", "foo"]
// D. ["foo", "bar"]

答案是C。函數(shù)名是禁止修改的，規(guī)范寫的很清楚，所以這里的修改無效。

參考資料：

• MDN：Function.name

32. 替換陷阱

"1 2 3".replace(/\d/g, parseInt);

// A. "1 2 3"
// B. "0 1 2"
// C. "NaN 2 3"
// D. "1 NaN 3"

答案是D。如果 replace 方法第二個(gè)參數(shù)是一個(gè)函數(shù)，則會在匹配的時(shí)候多次調(diào)用，第一個(gè)參數(shù)是匹配的字符串，第二個(gè)參數(shù)是匹配字符串的下標(biāo)。所以變成了調(diào)用 parseInt(1, 0)、parseInt(2, 2)和parseInt(3, 4)，結(jié)果你就懂了。

參考資料：

• MDN：String.prototype.replace()

33. Function的名字

function f() {}
var parent = Object.getPrototypeOf(f);
console.log(f.name);
console.log(parent.name);
console.log(typeof eval(f.name));
console.log(typeof eval(parent.name));

// A. "f", "Empty", "function", "function"
// B. "f", undefined, "function", error
// C. "f", "Empty", "function", error
// D. other

答案是C。根據(jù)第30題的解釋，我們知道代碼中的 parent 實(shí)際上就是 Function.prototype，而它在控制臺中輸出為：

function () {
  [native code]
}

它的 name 屬性是 ""，所以你 eval("")是得不到任何東西的。

34. 正則測試陷阱

var lowerCaseOnly = /^[a-z]+$/;
[lowerCaseOnly.test(null), lowerCaseOnly.test()]

// A. [true, false]
// B. error
// C. [true, true]
// D. [false, true]

答案是C。test 方法的參數(shù)如果不是字符串，會經(jīng)過抽象 ToString操作強(qiáng)制轉(zhuǎn)成字符串，因此實(shí)際上測試的是字符串 "null" 和 "undefined"。

35. 逗號定義數(shù)組

[,,,].join(", ")

// A. ", , , "
// B. "undefined, undefined, undefined, undefined"
// C. ", , "
// D. ""

答案是C。JavaScript允許用逗號來定義數(shù)組，得到的數(shù)組是含有3個(gè) undefined 值的數(shù)組。MDN關(guān)于 join 方法的描述：

所有的數(shù)組元素被轉(zhuǎn)換成字符串，再用一個(gè)分隔符將這些字符串連接起來。如果元素是undefined 或者null， 則會轉(zhuǎn)化成空字符串。

參考資料：

• MDN：Array.prototype.join()

36. 保留字 class

var a = {class: "Animal", name: "Fido"};
console.log(a.class);

// A. "Animal"
// B. Object
// C. an error
// D. other

答案是D。實(shí)際上真正的答案取決于瀏覽器。class 是保留字，但是在Chrome、Firefox和Opera中可以作為屬性名稱，在IE中是禁止的。另一方面，其實(shí)所有瀏覽器基本接受大部分的關(guān)鍵字（如：int、private、throws等）作為變量名，而class是禁止的。

37. 無效日期

var a = new Date("epoch");

// A. Thu Jan 01 1970 01:00:00 GMT+0100(CET)
// B. current time
// C. error
// D. other

答案是D。實(shí)際結(jié)果是 Invalid Date，它實(shí)際上是一個(gè)Date對象，因?yàn)?a instance Date 的結(jié)果是 true，但是它是無效的Date。Date對象內(nèi)部是用一個(gè)數(shù)字來存儲時(shí)間的，在這個(gè)例子中，這個(gè)數(shù)字是 NaN。

38. 神鬼莫測的函數(shù)長度

var a = Function.length;
var b = new Function().length;
console.log(a === b);

// A. true
// B. false
// C. error
// D. other

答案是B。實(shí)際上a的值是1，b的值是0。還是繼續(xù)來看MDN文檔關(guān)于 Function.length 的描述吧！

Function構(gòu)造器的屬性：

Function 構(gòu)造器本身也是個(gè)Function。他的 length 屬性值為 1 。該屬性 Writable: false, Enumerable: false, Configurable: true。

Function原型對象的屬性：

Function原型對象的 length 屬性值為 0 。

所以，在本例中，a代表的是 Function 構(gòu)造器的 length 屬性，而b代表的是 Function 原型的 length 屬性。

參考資料：

• MDN：Function.length

39. Date的面具

var a = Date(0);
var b = new Date(0);
var c = new Date();
[a === b, b === c, a === c];

// A. [true, true, true]
// B. [false, false, false]
// C. [false, true, false]
// D. [true, false, false]

答案是B。先看MDN關(guān)于Date對象的注意點(diǎn)：

需要注意的是只能通過調(diào)用 Date 構(gòu)造函數(shù)來實(shí)例化日期對象：以常規(guī)函數(shù)調(diào)用它（即不加 new 操作符）將會返回一個(gè)字符串，而不是一個(gè)日期對象。另外，不像其他JavaScript 類型，Date 對象沒有字面量格式。

所以a是字符串，b和c是Date對象，并且b代表的是1970年那個(gè)初始化時(shí)間，而c代表的是當(dāng)前時(shí)間。

參考資料：

• MDN：Date

40. min與max共舞

var min = Math.min();
var max = Math.max();
console.log(min < max);

// A. true
// B. false
// C. error
// D. other

答案是B?？碝DN文檔，對 Math.min的描述：

如果沒有參數(shù)，結(jié)果為Infinity。

對 Math.max 的描述：

如果沒有參數(shù)，結(jié)果為-Infinity。

參考資料：

• MDN：Math.min
• MDN：Math.max

41. 警惕全局匹配

function captureOne(re, str) {
  var match = re.exec(str);
  return match && match[1];
}

var numRe = /num=(\d+)/ig,
      wordRe = /word=(\w+)/i,
      a1 = captureOne(numRe, "num=1"),
      a2 = captureOne(wordRe, "word=1"),
      a3 = captureOne(numRe, "NUM=1"),
      a4 = captureOne(wordRe, "WORD=1");

[a1 === a2, a3 === a4]

// A. [true, true]
// B. [false, false]
// C. [true, false]
// D. [false, true]

答案是C?？碝DN關(guān)于 exec 方法的描述：

當(dāng)正則表達(dá)式使用 "g" 標(biāo)志時(shí)，可以多次執(zhí)行 exec 方法來查找同一個(gè)字符串中的成功匹配。當(dāng)你這樣做時(shí)，查找將從正則表達(dá)式的 lastIndex 屬性指定的位置開始。

所以a3的值為 null。

參考資料：

• MDN：RegExp.prototype.exec()

42. 最熟悉的陌生人

var a = new Date("2014-03-19");
var b = new Date(2014, 03, 19);
[a.getDay() == b.getDay(), a.getMonth() == b.getMonth()]

// A. [true, true]
// B. [true, false]
// C. [false, true]
// D. [false, false]

答案是D。先看MDN關(guān)于Date的一個(gè)注意事項(xiàng)：

當(dāng)Date作為構(gòu)造函數(shù)調(diào)用并傳入多個(gè)參數(shù)時(shí)，如果數(shù)值大于合理范圍時(shí)（如月份為13或者分鐘數(shù)為70），相鄰的數(shù)值會被調(diào)整。比如 new Date(2013, 13, 1)等于new Date(2014, 1, 1)，它們都表示日期2014-02-01（注意月份是從0開始的）。其他數(shù)值也是類似，new Date(2013, 2, 1, 0, 70)等于new Date(2013, 2, 1, 1, 10)，都表示時(shí)間2013-03-01T01:10:00。

此外，getDay 返回指定日期對象的星期中的第幾天（0～6），所以，你懂的。

參考資料：

• MDN：Date

43. 匹配隱式轉(zhuǎn)換

if("http://giftwrapped.com/picture.jpg".match(".gif")) {
  console.log("a gif file");
} else {
  console.log("not a gif file");
}

// A. "a gif file"
// B. "not a gif file"
// C. error
// D. other

答案是A?？碝DN對 match 方法的描述：

如果傳入一個(gè)非正則表達(dá)式對象，則會隱式地使用 new RegExp(obj)
將其轉(zhuǎn)換為正則表達(dá)式對象。

所以我們的字符串 ".gif" 會被轉(zhuǎn)換成正則對象 /.gif/，會匹配到 "/gif"。

參考資料：

• MDN：String.prototype.match()

44. 重復(fù)聲明變量

function foo(a) {
  var a;
  return a;
}

function bar(a) {
  var a = "bye";
  return a;
}

[foo("hello"), bar("hello")]

// A. ["hello", "hello"]
// B. ["hello", "bye"]
// C. ["bye", "bye"]
// D. other

答案是B。一個(gè)變量在同一作用域中已經(jīng)聲明過，會自動移除 var 聲明，但是賦值操作依舊保留，結(jié)合前面提到的變量提升機(jī)制，你就明白了。

參考資料：

• MDN：var

結(jié)束語

如果你對我的解釋有疑問，請給我留言，歡迎大家一起討論這些JS難題。