10個(gè)具有挑戰(zhàn)性的JavaScript測(cè)驗(yàn)問(wèn)答【附答案分析】！

文章來(lái)源于公眾號(hào)：前端人

以下 JavaScript 問(wèn)題旨在具有挑戰(zhàn)性和指導(dǎo)意義。如果您確切地知道如何回答每個(gè)問(wèn)題，那很好，但是如果您遇到了一些錯(cuò)誤并知道原因，那么我認(rèn)為那會(huì)更好！

問(wèn)題1：IIFE，HOF

以下代碼段是否立即調(diào)用函數(shù)表達(dá)式（IIFE），高階函數(shù)（HOF），或者兩者都沒有？

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

答案:輸出5

問(wèn)題2：下列數(shù)組轉(zhuǎn)對(duì)象方法中，哪個(gè)更合適?

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

答案:第二種

當(dāng) b 對(duì)象被設(shè)置時(shí)，b[arr[i]]屬性被設(shè)置為在每次迭代的當(dāng)前索引。設(shè)置a時(shí)，擴(kuò)展語(yǔ)法（...）將 acc 在每次迭代時(shí)創(chuàng)建累加器對(duì)象（）的淺拷貝，并另外設(shè)置新屬性。與不執(zhí)行淺拷貝相比，此淺拷貝更加浪費(fèi)。a需要在達(dá)到結(jié)果之前構(gòu)造2個(gè)中間對(duì)象，而 b 不會(huì)構(gòu)造任何中間對(duì)象。因此，b 被更有效地設(shè)置。

問(wèn)題3

考慮以下函數(shù):superheroMaker的功能。當(dāng)我們傳遞以下兩個(gè)參數(shù)時(shí)，輸出什么？

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


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

答案:輸出"Batman" "Superman"

傳遞() => 'Batman'給superheroMaker時(shí)，a是的實(shí)例Function。因此，將調(diào)用該函數(shù)，并返回字符串 "Batman"。當(dāng)傳遞"Superman"給superheroMaker時(shí)，a它不是的實(shí)例，Function因此"Superman"僅返回字符串。因此，輸出為"Batman"和"Superman"。

問(wèn)題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將鍵轉(zhuǎn)換為字符串["1", "2", "3"],但是Object.values返回的是:[1, 2, 3]。即使值的類型相同，但是他們不是同一個(gè)對(duì)象，所以相等比較將返回false。

問(wèn)題5：基本遞歸考察?

考慮以下遞歸函數(shù)。如果將字符串傳遞"Hello World"給它，輸出什么？

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


  return str;
};


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

答案:輸出"d"

第一次調(diào)用該函數(shù)時(shí)，str.length 它大于1（"Hello World"即11個(gè)字符），因此我們返回調(diào)用的相同函數(shù)str.slice(1)，即string "ello World"。我們重復(fù)此過(guò)程，直到字符串只有一個(gè)字符長(zhǎng)：該字符"d"，該字符將返回到初始調(diào)用 myFunc 。然后，我們記錄該字符。

問(wèn)題6：函數(shù)相等

以下代碼輸出什么?

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


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

答案:輸出false,true

在第一個(gè)測(cè)試中，a和b是內(nèi)存中的不同對(duì)象；每個(gè)函數(shù)定義中的參數(shù)和返回值相同都沒關(guān)系。因此，a不等于b。在第二個(gè)測(cè)試中，a(7) 返回?cái)?shù)字7并 b(7) 返回 number 7。這些原始類型彼此嚴(yán)格相等。

在這種情況下，相等（==）與身份（===）比較運(yùn)算符無(wú)關(guān)緊要；任何類型的強(qiáng)制都不會(huì)影響結(jié)果。

問(wèn)題7：對(duì)象屬性相等

a并且b具有相同的不同對(duì)象firstName屬性。這些屬性是否彼此嚴(yán)格相等？

const a = {
  firstName: 'Bill'
};


const b = {
  firstName: 'Bill'
};


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

答案:輸出true

答案是肯定的。a.firstName是字符串值"Bill"，b.firstName是字符串值"Bill"。兩個(gè)相同的字符串始終相等。

問(wèn)題8：函數(shù)函數(shù)語(yǔ)法

假設(shè)myFunc是一個(gè)函數(shù)，val1是一個(gè)變量，并且val2是一個(gè)變量。JavaScript是否允許以下語(yǔ)法？

myFunc(val1)(val2);

答案:允許

這是高階函數(shù)的常見模式。如果myFunc(val1)返回一個(gè)函數(shù)，則該函數(shù)將val2作為參數(shù)被調(diào)用。這是一個(gè)實(shí)際的示例，您可以嘗試一下：

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


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

問(wèn)題9：對(duì)象屬性突變

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

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

當(dāng)我們b = a在第二行中設(shè)置時(shí)，b并a指向內(nèi)存中的同一對(duì)象。因此firstName，b將屬性更改為on 將更改firstName內(nèi)存中唯一對(duì)象的屬性，因此a.firstName將反映此更改。

問(wèn)題10：數(shù)組中的最大數(shù)

以下函數(shù)將始終返回?cái)?shù)組中的最大數(shù)字嗎？

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

答案:輸出不是

如果數(shù)組中有一個(gè)值大于0,則是正確的，如果都是小于0的話，它將返回0。

對(duì)于至少一個(gè)值0大于或等于一個(gè)的數(shù)組，此函數(shù)才是正確的。但是，如果所有數(shù)字均低于，它將返回0。

以上就是W3Cschool編程獅關(guān)于10個(gè)具有挑戰(zhàn)性的JavaScript測(cè)驗(yàn)問(wèn)答的相關(guān)介紹了，希望對(duì)大家有所幫助。