10 个问答题提高你的 JavaScript 技能

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

问题1：IIFE，HOF或两者兼而有之

以下代码段是否说明了立即调用函数表达式（IIFE），高阶函数（HOF），或者两者都不显示？

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

答案与解释

答： IIFE和HOF

该片段清楚地说明了通过使IIFE，我们立即调用的函数console.log，并5给它。此外，我们发现这就像fn函数一样是HOF ，并且HOF定义为将另一个函数作为参数或返回函数的任何函数。

问题2：Array-to-Object

二者a并b具有相同属性和值的对象。哪个更有效地创建？

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被设置时，b[arr[i]]属性被设置为在每次迭代的当前索引。设置a时，扩展语法（...）将acc在每次迭代时创建累加器对象（）的浅表副本，并另外设置新属性。与不执行浅表复制相比，此浅表复制更加昂贵。a需要在达到结果之前构造2个中间对象，b而不构造任何中间对象。因此，b被更有效地设置。

问题3：Batman v. Superman

考虑一下superheroMaker功能。当我们传递以下两个输入时，记录了什么？

const superheroMaker = a => {
  return a instanceof Function ? a() : a;
};
​
console.log(superheroMaker(() => 'Batman'));
console.log(superheroMaker('Superman'));

答案与解释

答："Batman" "Superman"

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

问题4：对象键，对象值

考虑以下对象。

const obj = {
  1: 1,
  2: 2,
  3: 3
};

是Object.keys等于Object.values？

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

答案与解释

答：错误

在这种情况下，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);

答案与解释

答：yes

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

const timesTable = num1 => {
  return num2 => {
    return num1 * num2;
  };
};
​
console.log(timesTable(4)(5));
// 20

问题9：对象属性突变

考虑对象a及其b下方。记录了什么？

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;
}

答案与解释

答：no

对于至少一个值0大于或等于一个的数组，此函数将正常工作。但是，如果所有数字均低于，它将失败0。这是因为，0即使0大于所有数组元素，最大变量也会从处开始。

文源网络，仅供学习之用，如有侵权请联系删除。

我将面试题和答案都整理成了PDF文档，还有一套学习资料，涵盖Java虚拟机、spring框架、Java线程、数据结构、设计模式等等，但不仅限于此。

关注公众号【java圈子】获取资料，还有优质文章每日送达。