前端面试题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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值