前端面試題JavaScript篇——2022-09-21

每日3題

1 以下代碼執行後，控制臺中的輸出內容為？

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

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

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

3 以下代碼執行後，控制臺中的輸出內容為？

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

console.log(a);

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

答案及解析

1

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

2

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

3

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

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