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

当前题目:前端面试题JavaScript篇——2022-09-21
分享路径:http://csdahua.cn/article/dsojgcs.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流