前端面试题JavaScript篇——2022-09-23

公粽号【今天也要写bug】每日推送，欢迎关注

每日3题

1 以下代码执行后，控制台中的输出内容为？

 const user = {

  name: "JM",

  age: 18,

};

const data = JSON.stringify(user, ["age"]);

console.log(data); 

2 点击p标签时，会输出什么

 function Car() {

  this.make = "兰博基尼";

  return { make: "鸡你太美" };

}

const myCar = new Car();

console.log(myCar.make); 

3 以下代码执行后，控制台中的输出内容为？

 const p1 = new Promise((res, rej) => {

  setTimeout(res, 500, "1");

});

const p2 = new Promise((res, rej) => {

  setTimeout(res, 100, "2");

});

Promise.race([p1, p2]).then((res) => console.log(res)); 

答案及解析

1

 // 答案：{"age":18}

// 考察 JSON.stringify()



// JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串，

// 如果指定了一个 replacer 函数，则可以选择性地替换值，

// 或者指定的 replacer 是数组，则可选择性地仅包含数组指定的属性。

const user = {

  name: "JM",

  age: 18,

};

const data = JSON.stringify(user, ["age"]); // replacer 是数组

console.log(data); // 根据 replacer 数组，只包含 age 属性， 输出 {"age":18} 

2

 // 答案：鸡你太美

// 考察 new 创建对象的过程

function Car() {

  this.make = "兰博基尼";

  // 如果构造函数显式返回了一个对象，则该对象会覆盖创建的对象

  return { make: "鸡你太美" };

}

const myCar = new Car(); // myCar={ make: "鸡你太美" }

console.log(myCar.make); // 所以输出：鸡你太美 

3

 // 答案：2

// 考察Promise、setTimeout、Promise.race

const p1 = new Promise((res, rej) => {

  setTimeout(res, 500, "1");

  /**

   * setTimeout 也可以写成

   * setTimeout(() => {res('1')}, 500)

   */

});

const p2 = new Promise((res, rej) => {

  setTimeout(res, 100, "2");

});

Promise.race([p1, p2]).then((res) => console.log(res));

// Promise.race：提供的多个 promise 进行”竞争“，谁最先解决或拒绝，Promise.race 就采用它的值

// p2 100ms 后就解决，先于 p1，因此返回 2