文章来源于公众号：前端人

以下 JavaScript 问题旨在具有挑战性和指导意义。如果您确切地知道如何回答每个问题，那很好，但是如果您遇到了一些错误并知道原因，那么我认为那会更好！

问题1：IIFE，HOF

以下代码段是否立即调用函数表达式（IIFE），高阶函数（HOF），或者两者都没有？

((fn, val) => {
  return fn(val);
})(console.log, 5);

答案:输出5

问题2：下列数组转对象方法中，哪个更合适?

const arr = [1, 2, 3];
//第一种
const a = arr.reduce(
  (acc, el, i) => ({ ...acc, [el]: i }),
  {}
);
//第二种
const b = {};
for (let i = 0; i < arr.length; i++) {
  b[arr[i]] = i;
}

答案:第二种

当 b 对象被设置时，b[arr[i]]属性被设置为在每次迭代的当前索引。设置a时，扩展语法（...）将 acc 在每次迭代时创建累加器对象（）的浅拷贝，并另外设置新属性。与不执行浅拷贝相比，此浅拷贝更加浪费。a需要在达到结果之前构造2个中间对象，而 b 不会构造任何中间对象。因此，b 被更有效地设置。

问题3

考虑以下函数:superheroMaker的功能。当我们传递以下两个参数时，输出什么？

const superheroMaker = a => {
  return a instanceof Function ? a() : a;
};


console.log(superheroMaker(() => 'Batman'));
console.log(superheroMaker('Superman'));

答案:输出"Batman" "Superman"

传递() => 'Batman'给superheroMaker时，a是的实例Function。因此，将调用该函数，并返回字符串 "Batman"。当传递"Superman"给superheroMaker时，a它不是的实例，Function因此"Superman"仅返回字符串。因此，输出为"Batman"和"Superman"。

问题4：Object.keys是否等于Object.values？

Object Keys, Object Values
const obj = {
  1: 1,
  2: 2,
  3: 3
};


console.log(Object.keys(obj) == Object.values(obj));

答案:输出false

在这种情况下，Object.keys将键转换为字符串["1", "2", "3"],但是Object.values返回的是:[1, 2, 3]。即使值的类型相同，但是他们不是同一个对象，所以相等比较将返回false。

问题5：基本递归考察?

考虑以下递归函数。如果将字符串传递"Hello World"给它，输出什么？

const myFunc = str => {
  if (str.length > 1) {
    return myFunc(str.slice(1));
  }


  return str;
};


console.log(myFunc('Hello world'));

答案:输出"d"

第一次调用该函数时，str.length 它大于1（"Hello World"即11个字符），因此我们返回调用的相同函数str.slice(1)，即string "ello World"。我们重复此过程，直到字符串只有一个字符长：该字符"d"，该字符将返回到初始调用 myFunc 。然后，我们记录该字符。

问题6：函数相等

以下代码输出什么?

const a = c => c;
const b = c => c;


console.log(a == b);
console.log(a(7) === b(7));

答案:输出false,true

在第一个测试中，a和b是内存中的不同对象；每个函数定义中的参数和返回值相同都没关系。因此，a不等于b。在第二个测试中，a(7) 返回数字7并 b(7) 返回 number 7。这些原始类型彼此严格相等。

在这种情况下，相等（==）与身份（===）比较运算符无关紧要；任何类型的强制都不会影响结果。

问题7：对象属性相等

a并且b具有相同的不同对象firstName属性。这些属性是否彼此严格相等？

const a = {
  firstName: 'Bill'
};


const b = {
  firstName: 'Bill'
};


console.log(a.firstName === b.firstName);

答案:输出true

答案是肯定的。a.firstName是字符串值"Bill"，b.firstName是字符串值"Bill"。两个相同的字符串始终相等。

问题8：函数函数语法

假设myFunc是一个函数，val1是一个变量，并且val2是一个变量。JavaScript是否允许以下语法？

myFunc(val1)(val2);

答案:允许

这是高阶函数的常见模式。如果myFunc(val1)返回一个函数，则该函数将val2作为参数被调用。这是一个实际的示例，您可以尝试一下：

const timesTable = num1 => {
  return num2 => {
    return num1 * num2;
  };
};


console.log(timesTable(4)(5));
// 20

问题9：对象属性突变

const a = { firstName: 'Joe' };
const b = a;
b.firstName = 'Pete';
console.log(a);

答案:输出{ firstName: 'Pete' }

当我们b = a在第二行中设置时，b并a指向内存中的同一对象。因此firstName，b将属性更改为on 将更改firstName内存中唯一对象的属性，因此a.firstName将反映此更改。

问题10：数组中的最大数

以下函数将始终返回数组中的最大数字吗？

function greatestNumberInArray(arr) {
  let greatest = 0;
  for (let i = 0; i < arr.length; i++) {
    if (greatest < arr[i]) {
      greatest = arr[i];
    }
  }
  return greatest;
}

答案:输出不是

如果数组中有一个值大于0,则是正确的，如果都是小于0的话，它将返回0。

对于至少一个值0大于或等于一个的数组，此函数才是正确的。但是，如果所有数字均低于，它将返回0。

以上就是W3Cschool编程狮关于10个具有挑战性的JavaScript测验问答的相关介绍了，希望对大家有所帮助。