文章來源于公眾號:前端人
以下 JavaScript 問題旨在具有挑戰(zhàn)性和指導(dǎo)意義。如果您確切地知道如何回答每個問題,那很好,但是如果您遇到了一些錯誤并知道原因,那么我認(rèn)為那會更好!
問題1:IIFE,HOF
以下代碼段是否立即調(diào)用函數(shù)表達(dá)式(IIFE),高階函數(shù)(HOF),或者兩者都沒有?
((fn, val) => {
return fn(val);
})(console.log, 5);
答案:輸出5
問題2:下列數(shù)組轉(zhuǎn)對象方法中,哪個更合適?
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 對象被設(shè)置時,b[arr[i]]
屬性被設(shè)置為在每次迭代的當(dāng)前索引。設(shè)置a時,擴(kuò)展語法(...)將 acc 在每次迭代時創(chuàng)建累加器對象()的淺拷貝,并另外設(shè)置新屬性。與不執(zhí)行淺拷貝相比,此淺拷貝更加浪費(fèi)。a需要在達(dá)到結(jié)果之前構(gòu)造2個中間對象,而 b 不會構(gòu)造任何中間對象。因此,b 被更有效地設(shè)置。
問題3
考慮以下函數(shù):superheroMaker
的功能。當(dāng)我們傳遞以下兩個參數(shù)時,輸出什么?
const superheroMaker = a => {
return a instanceof Function ? a() : a;
};
console.log(superheroMaker(() => 'Batman'));
console.log(superheroMaker('Superman'));
答案:輸出"Batman" "Superman"
傳遞() => 'Batman'
給superheroMaker
時,a
是的實(shí)例Function
。因此,將調(diào)用該函數(shù),并返回字符串 "Batman"
。當(dāng)傳遞"Superman"
給superheroMaker
時,a
它不是的實(shí)例,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
將鍵轉(zhuǎn)換為字符串["1", "2", "3"]
,但是Object.values
返回的是:[1, 2, 3]
。即使值的類型相同,但是他們不是同一個對象,所以相等比較將返回false
。
問題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ù)時,str.length 它大于1("Hello World"即11個字符),因此我們返回調(diào)用的相同函數(shù)str.slice(1),即string "ello World"。我們重復(fù)此過程,直到字符串只有一個字符長:該字符"d",該字符將返回到初始調(diào)用 myFunc 。然后,我們記錄該字符。
問題6:函數(shù)相等
以下代碼輸出什么?
const a = c => c;
const b = c => c;
console.log(a == b);
console.log(a(7) === b(7));
答案:輸出false,true
在第一個測試中,a和b是內(nèi)存中的不同對象;每個函數(shù)定義中的參數(shù)和返回值相同都沒關(guān)系。因此,a不等于b。在第二個測試中,a(7) 返回數(shù)字7并 b(7) 返回 number 7。這些原始類型彼此嚴(yán)格相等。
在這種情況下,相等(==)與身份(===)比較運(yùn)算符無關(guān)緊要;任何類型的強(qiáng)制都不會影響結(jié)果。
問題7:對象屬性相等
a
并且b
具有相同的不同對象firstName
屬性。這些屬性是否彼此嚴(yán)格相等?
const a = {
firstName: 'Bill'
};
const b = {
firstName: 'Bill'
};
console.log(a.firstName === b.firstName);
答案:輸出true
答案是肯定的。a.firstName是字符串值"Bill",b.firstName是字符串值"Bill"。兩個相同的字符串始終相等。
問題8:函數(shù)函數(shù)語法
假設(shè)myFunc是一個函數(shù),val1是一個變量,并且val2是一個變量。JavaScript是否允許以下語法?
myFunc(val1)(val2);
答案:允許
這是高階函數(shù)的常見模式。如果myFunc(val1)
返回一個函數(shù),則該函數(shù)將val2
作為參數(shù)被調(diào)用。這是一個實(shí)際的示例,您可以嘗試一下:
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' }
當(dāng)我們b = a在第二行中設(shè)置時,b并a指向內(nèi)存中的同一對象。因此firstName,b將屬性更改為on 將更改firstName內(nèi)存中唯一對象的屬性,因此a.firstName將反映此更改。
問題10:數(shù)組中的最大數(shù)
以下函數(shù)將始終返回數(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ù)組中有一個值大于0,則是正確的,如果都是小于0的話,它將返回0
。
對于至少一個值0大于或等于一個的數(shù)組,此函數(shù)才是正確的。但是,如果所有數(shù)字均低于,它將返回0
。
以上就是W3Cschool編程獅
關(guān)于10個具有挑戰(zhàn)性的JavaScript測驗(yàn)問答的相關(guān)介紹了,希望對大家有所幫助。