关于javascript:前端面试题JavaScript篇20220907

每日 3 题

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

let a = {
  i: 0,
  [Symbol.toPrimitive]: () => ++a.i,};
console.log(a == 1 && a == 2 && a == 3);

26 变量 a 会被 GC 吗，为什么 ？

function test(){
    var a = 1;
    return function(){eval("")
    }
}
 
test();

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

console.log([2, 1, 0].reduce(Math.pow));
console.log([].reduce(Math.pow));

公众号【明天也要写 bug】，获取更多前端面试题

答案与解析

25

// 答案：true
// Symbol.toPrimitive 是一个内置的 Symbol 值，// 它是作为对象的函数值属性存在的，当一个对象转换为对应的原始值时
// 如果该函数存在，则会调用此函数。let a = {
  i: 0,
  [Symbol.toPrimitive]: () => ++a.i,};
console.log(a == 1 && a == 2 && a == 3);
// == 会触发类型转换，而且咱们定义了 Symbol.toPrimitive 办法
// 所以 a == 1 触发该办法返回 1，并且 a.i 变为 1，所以 a == 1 为 true，// 同理 a == 2 和 a == 3 均为 true

26

// 答案：不会
// 考查 eval 函数
// 因为 eval 会坑骗词法作用域，例如 function test(){eval("var a=1")}，创立一个 a 变量
// JS 引擎不确定 eval 是否对 a 进行了援用，所以为了保险，不对其进行优化。// 类似地，try catch 和 with 也会有同样的问题
// 不倡议应用 eval 和 with
function test() {
  var a = 1;
  return function () {eval("");
  };
}

test();

27

// 答案：1 报错
// 考查 reduce 办法的应用
// reduce 承受两个参数：回调函数和初始值
// 若不提供初始值，则以数组第一个元素作为初始值，并且回调函数从数组第二个元素开始调用
// 提供初始值，则回调从数组第一个元素开始调用
// 回调函数承受 4 个参数：previousValue、currentValue、currentIndex、array（即遍历的数组）console.log([2, 1, 0].reduce(Math.pow));
// 执行步骤如下：初始值：2
// 第 1 次调用回调的入参：previousValue=2，currentValue=1，Math.pow 只承受 2 个参数，后果 2^1=2
// 第 2 次调用回调的入参：previousValue=2，currentValue=0，Math.pow 只承受 2 个参数，后果 2^0=1
console.log([].reduce(Math.pow));
// 如果数组为空并且没有提供初始值，reduce 间接抛出谬误