這篇文章主要介紹JavaScript高階函數(shù)是什么，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供晉源網(wǎng)站建設(shè)、晉源做網(wǎng)站、晉源網(wǎng)站設(shè)計、晉源網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、晉源企業(yè)網(wǎng)站模板建站服務(wù)，10年晉源做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

把函數(shù)以數(shù)據(jù)的形式去使用，并解鎖一些強(qiáng)大的模式。

高階函數(shù)

接受和/或返回另外一個函數(shù)的函數(shù)被稱為高階函數(shù)。

之所以是高階，是因為它并非字符串、數(shù)字或布爾值，而是從更高層次來操作函數(shù)。漂亮的元。

使用 JavaScript 中的函數(shù)，你可以

• 將它們存儲為變量
• 在數(shù)組中使用它們
• 將它們指定為對象屬性（方法）
• 將它們作為參數(shù)進(jìn)行傳遞
• 將它們從其他函數(shù)中返回

就像所有的其他數(shù)據(jù)一樣。這是關(guān)鍵所在。

函數(shù)操作數(shù)據(jù)

字符串是數(shù)據(jù)

sayHi = (name) => `Hi, ${name}!`;
result = sayHi('User');
console.log(result); // 'Hi, User!'

數(shù)字是數(shù)據(jù)

double = (x) => x * 2;
result = double(4);
console.log(result); // 8

布爾型是數(shù)據(jù)

getClearance = (allowed) => allowed ?
  'Access granted' :
  'Access denied';
result1 = getClearance(true);
result2 = getClearance(false);
console.log(result1); // 'Access granted'
console.log(result2); // 'Access denied'

對象是數(shù)據(jù)

getFirstName = (obj) => obj.firstName;
result = getFirstName({
  firstName: 'Yazeed'
});
console.log(result); // 'Yazeed'

數(shù)組是數(shù)據(jù)

len = (array) => array.length;
result = len([1, 2, 3]);
console.log(result); // 3

這5種類型是所有主流語言中的一等公民。

是什么使他們成為一等公民的？你可以傳遞它們，將它們存儲在變量和數(shù)組中，將它們用作計算的輸入。你可以像使用任何數(shù)據(jù)一樣去使用它們。

函數(shù)也可以作為數(shù)據(jù)的形式去用

在javascript中把函數(shù)用作數(shù)據(jù)的4種方式：

1. 把它們當(dāng)作參數(shù)傳給其它函數(shù)
2. 把他們設(shè)定成對象屬性
3. 保存在數(shù)組中
4. 把它們設(shè)為變量的形式

作為參數(shù)的函數(shù)

isEven = (num) => num % 2 === 0;
result = [1, 2, 3, 4].filter(isEven);
console.log(result); // [2, 4]

看看 filter 是如何用 isEven 來決定保留哪些數(shù)字的？ isEven是一個函數(shù)，是另一個函數(shù)的參數(shù)。

它由每個數(shù)字的 filter 調(diào)用，并使用返回值 true 或 false 來確定這個數(shù)字是否應(yīng)該保留或丟棄。

返回函數(shù)

add = (x) => (y) => x + y;

add 需要兩個參數(shù)，但不是一次全部提供。這是一個只需要 x 的函數(shù)，它返回一個只需要y的函數(shù)。因為 JavaScript 允許函數(shù)成為返回值 —— 就像字符串、數(shù)字、布爾值那樣。

如果你愿意，仍然可以立即提供 x 和 y，并進(jìn)行雙重調(diào)用

result = add(10)(20);
console.log(result); // 30

或者先 x 后 y：

add10 = add(10);
result = add10(20);
console.log(result); // 30

讓我們回過頭來看最后一個例子。 add10 是用一個參數(shù)調(diào)用 add 的結(jié)果。并控制臺中輸出它。

add10 是一個函數(shù)，它接受一個 y 并返回 x + y。在你提供 y 之后，它會馬上計算并返回你所要的最終結(jié)果。

更高的可重用性

高階函數(shù)的最大好處可能是更高的可重用性。沒有它，JavaScript 數(shù)組的主要方法 —— map，filter 和 reduce 將不存在！

這是一個用戶列表。我們將對他們的信息進(jìn)行一些計算。

users = [{
  name: 'Yazeed',
  age: 25
}, {
  name: 'Sam',
  age: 30
}, {
  name: 'Bill',
  age: 20
}];

Map

如果沒有高階函數(shù)，我們需要用循環(huán)來模仿 map 的功能。

getName = (user) => user.name;
usernames = [];
for (let i = 0; i < users.length; i++) {
  const name = getName(users[i]);
  usernames.push(name);
}
console.log(usernames);
// ["Yazeed", "Sam", "Bill"]

或者我們可以這樣做！

usernames = users.map(getName);
console.log(usernames);
// ["Yazeed", "Sam", "Bill"]

Filter

在沒有高階函數(shù)的世界中，我們?nèi)匀恍枰h(huán)來重新實現(xiàn)  filter 的功能。

startsWithB = (string) => string
  .toLowerCase()
  .startsWith('b');
namesStartingWithB = [];
for (let i = 0; i < users.length; i++) {
  if (startsWithB(users[i].name)) {
    namesStartingWithB.push(users[i]);
  }
}
console.log(namesStartingWithB);
// [{ "name": "Bill", "age": 20 }]

或者我們可以這樣做！

namesStartingWithB = users
  .filter((user) => startsWithB(user.name));
console.log(namesStartingWithB);
// [{ "name": "Bill", "age": 20 }]

Reduce

是的，reduce......沒有更高階的功能，實現(xiàn)不了那么多很酷的東西!!

以上是“JavaScript高階函數(shù)是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享文章：JavaScript高階函數(shù)是什么
文章網(wǎng)址：http://jinyejixie.com/article12/ggspdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、搜索引擎優(yōu)化、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)