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