每日3題

1 以下代碼執(zhí)行后，控制臺中的輸出內(nèi)容為？

class A {
  static a = "123";
}
class B extends A {}
console.log(B.a);

2 以下3句語句，哪句是合法的

1.toString();
1..toString();
1...toString();

3 以下代碼執(zhí)行后，控制臺中的輸出內(nèi)容為？

const a = [
  [0, 1],
  [2, 3],
].reduce(
  (pre, cur) => {
    return pre.concat(cur);
  },
  [1, 2]
);

console.log(a);

• 公眾號【今天也要寫bug】更多前端面試題

答案及解析

1

// 答案：123
// 考察：ES6 class
// JS 中，類是特殊的函數(shù)
// typeof A = 'function'
// 所以 A、B 同時也是對象
// B 繼承 A 以后，B.__proto__ 指向 A
class A {
  static a = "123"; // 靜態(tài)屬性直屬于 A
}
class B extends A {}
console.log(B.a); // B.a 順著原型鏈找到 A.a 故輸出 123

2

// 如果對數(shù)字字面量使用方法，. 會被優(yōu)先識別為小數(shù)點
// 在 JS 中, .1 1. 都是合法的數(shù)字
1.toString(); // 相當于(1.)toString()，明顯錯誤
1..toString(); // 相當于(1.).toString()，合法
1...toString(); // 相當于(1.)..toSring()，非法

3

// 答案：[ 1, 2, 0, 1, 2, 3 ]
// 考察數(shù)組常用方法
// concat 用來拼接數(shù)組，返回新數(shù)組
// reduce 用來遍歷數(shù)組，得到一個計算值
const a = [
  [0, 1],
  [2, 3],
].reduce(
  (pre, cur) => {
    return pre.concat(cur);
  },
  [1, 2]
);

console.log(a); // [ 1, 2, 0, 1, 2, 3 ]