三分鐘白話RocketMQ系列—— 如何發(fā)送消息
我們知道RocketMQ主要分為消息 生產(chǎn)、存儲（消息堆積）、消費(fèi) 三大塊領(lǐng)域。那接下來，我們白話一下，RocketMQ是如何發(fā)送消息的，揭秘消息生產(chǎn)全過程。注意，如果白話中不小心提到相關(guān)代
Chrome 瀏覽器將在下一個版本（Chrome 122）支持 7 個全新的 JavaScript 方法，以增強(qiáng) Set 對象的功能。
圖片
這些方法都是由 proposal-set-methods 提案提出的，目前該提案已經(jīng)進(jìn)入第三階段，API 已經(jīng)基本穩(wěn)定。預(yù)計(jì)在 2024 年，這些方法將被納入 ECMAScript 2024 規(guī)范中。這些方法包括：
圖片
下面先來看看 JavaScript 中的 Set 是什么，如何使用，又有何用處！
Set 基礎(chǔ)
在 JavaScript 中，Set 是一種集合數(shù)據(jù)結(jié)構(gòu)，它類似于數(shù)組，但成員的值都是唯一的，沒有重復(fù)的值。Set 中的元素可以是任何類型，包括原始類型和對象引用。
Set 對象有多個方法可以操作集合。這些方法包括：
add(value): 添加某個值，并返回集合本身。如果該值已經(jīng)存在，則不會再次添加。
let mySet = new Set(); mySet.add(1); // 添加元素1 console.log(mySet.has(1)); // 輸出：true mySet.add(1); // 再次添加元素1，但不會添加 console.log(mySet.size); // 輸出：1let mySet = new Set(); mySet.add(1); // 添加元素1 console.log(mySet.has(1)); // 輸出：true mySet.delete(1); // 刪除元素1 console.log(mySet.has(1)); // 輸出：falselet mySet = new Set(); mySet.add(1); // 添加元素1 console.log(mySet.has(1)); // 輸出：true console.log(mySet.has(2)); // 輸出：falselet mySet = new Set(); mySet.add(1); // 添加元素1 mySet.clear(); // 清空集合 console.log(mySet.has(1)); // 輸出：falselet mySet = new Set(); mySet.add(1); // 添加元素1 console.log(mySet.size); // 輸出：1 mySet.add(2); // 添加元素2 console.log(mySet.size); // 輸出：2Set 有很多實(shí)用的場景：
let array = [1, 2, 3, 3, 2, 1]; let set = new Set(array); console.log(Array.from(set)); // 輸出: [1, 2, 3]const arr1 = [1, 2, 3];const arr2 = [3, 4, 5];const set1 = new Set(arr1);const set2 = new Set(arr2);// 求交集const intersection = Array.from(set1).filter(item => set2.has(item)); // [3]// 求并集const union = Array.from(new Set([...arr1, ...arr2])); // [1, 2, 3, 4, 5]// 求差集const difference = Array.from(set1).filter(item => !set2.has(item)); // [1, 2]const mySet = new Set();mySet.add(1);mySet.add(2);mySet.add(3);mySet.add(1); // 添加重復(fù)元素，不會生效console.log(mySet); // Set {1, 2, 3}let cache = new Set(); function expensiveFunction(input) { if (cache.has(input)) { // 如果結(jié)果已經(jīng)在緩存中，直接返回結(jié)果，避免重復(fù)計(jì)算。 return cache.get(input); // 使用get方法從set中獲取值。 } else { // 如果結(jié)果不在緩存中，計(jì)算結(jié)果并存入緩存。 let result = computeExpensiveFunction(input); // 假設(shè)computeExpensiveFunction是實(shí)際計(jì)算函數(shù)。 cache.add(input); // 將結(jié)果存入緩存。注意，這里使用add方法添加值到set中。 return result; // 返回計(jì)算結(jié)果。 } }上面提到，由于 Set 對象支持添加、刪除和檢查成員的方法，因此我們可以用來執(zhí)行集合運(yùn)算，如并集、交集和差集等。例如：
const arr1 = [1, 2, 3];const arr2 = [3, 4, 5];const set1 = new Set(arr1);const set2 = new Set(arr2);// 求交集const intersection = Array.from(set1).filter(item => set2.has(item)); // [3]// 求并集const union = Array.from(new Set([...arr1, ...arr2])); // [1, 2, 3, 4, 5]// 求差集const difference = Array.from(set1).filter(item => !set2.has(item)); // [1, 2]可以看到，為了執(zhí)行集合運(yùn)算，如交集、差集、并集等，通常需要借助其他方法，如 filter，這使得代碼變得復(fù)雜且冗余。為了簡化這一過程，proposal-set-methods 提案應(yīng)運(yùn)而生。該提案為 Set 對象新增了七個實(shí)用的方法，使得我們能夠直接對集合進(jìn)行各種計(jì)算。通過這些新方法，我們不再需要組合多個方法來完成集合運(yùn)算，從而簡化了代碼并提高了可讀性。
下面就來分別看一下這些方法。
注意：這些方法是支持鏈?zhǔn)秸{(diào)用的。
intersection 方法用于求兩個 Set 對象的交集，返回一個新的 Set 對象，包含兩個 Set 對象中都存在的元素。
const mobile = new Set(['javascript','java','swift', 'dart']);const backend = new Set(['php','python','javascript','java']);const frontend = new Set(['javascript','dart']);mobile.intersection(backend);// Set { javascript, java }mobile.intersection(backend).intersection(frontend);// Set { javascript }union 方法用于求兩個 Set 對象的并集，返回一個新的 Set 對象，包含兩個 Set 對象中所有的元素。
const creation = new Set(['coding', 'writing', 'painting']);const joy = new Set(['crying', 'laughing', 'coding']);creation.union(joy);// Set {'coding','crying','writing','laughing','painting'}difference 方法用于求兩個 Set 對象的差集，返回一個新的 Set 對象，包含存在于當(dāng)前 Set 對象中，但不存在于參數(shù) Set 對象中的元素。
const joy = new Set(['crying', 'laughing','coding']);const pain = new Set(['crying','screaming','coding']);joy.difference(pain);// Set {'laughing'}symmetricDifference 方法用于求兩個 Set 對象的對稱差集，返回一個新的 Set 對象，包含存在于任意一個 Set 對象中，但不存在于兩個 Set 對象中的元素。例如：
const joy = new Set(['crying',"laughing",'coding']);const pain = new Set(['crying','screaming','coding']);joy.symmetricDifference(pain);// Set {'laughing', 'screaming'}isSubsetOf 方法用于判斷當(dāng)前 Set 對象是否為另一個 Set 對象的子集，返回一個布爾值。例如：
const set1 = new Set([1, 2, 3]);const set2 = new Set([2, 3, 4]);set1.isSubsetOf(set2); // falseset2.isSubsetOf(set1); // falseconst set3 = new Set([2, 3]);set3.isSubsetOf(set1); // trueset3.isSubsetOf(set2); // trueisSupersetOf 方法用于判斷當(dāng)前 Set 對象是否為另一個 Set 對象的超集，返回一個布爾值。例如：
const set1 = new Set([1, 2, 3]);const set2 = new Set([2, 3, 4]);console.log(set1.isSupersetOf(set2)); // falseconsole.log(set2.isSupersetOf(set1)); // falseconst set3 = new Set([2, 3]);set1.isSupersetOf(set3); // trueset2.isSupersetOf(set3); // trueisDisjointFrom 方法用于判斷當(dāng)前 Set 對象和另一個 Set 對象是否沒有交集，返回一個布爾值。
const set1 = new Set([1, 2, 3]);const set2 = new Set([4, 5, 6]);set1.isDisjointFrom(set2); // trueconst set3 = new Set([3, 4, 5]);set1.isDisjointFrom(set3); // falseset2.isDisjointFrom(set3); // false有了這些方法，再也不用編寫復(fù)雜的代碼去實(shí)現(xiàn)這些方法，也不用借助第三方庫（例如 lodash）來實(shí)現(xiàn)集合計(jì)算了
在主流瀏覽器全部支持這些方法之前，可以借助 core-js Polyfill 來使用這些方法：相關(guān)鏈接：
本文鏈接：http://www.www897cc.com/showinfo-26-70419-0.htmlJavaScript 新增七個方法，很實(shí)用！
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
上一篇： Nuxt 3.10 正式發(fā)布，看看有什么變化!
下一篇： 如何在PyQt6中使用單選框和下拉框？
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號