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

  • 前端面试题JavaScript篇——2022-09-23已关闭评论
  • 155 次浏览
  • A+
所属分类:Web前端
摘要

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


公粽号【今天也要写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