前端面试题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 ]