5月iOS設(shè)備性能榜：M1 M2依舊是榜單前五
和上個月一樣，沒有新品發(fā)布的iOS設(shè)備性能榜的上榜設(shè)備并沒有什么更替，僅僅只有跑分變化而產(chǎn)生的排名變動，剛剛開始的蘋果WWDC2023，推出的產(chǎn)品也依舊是新款Mac Pro、新款Mac Stu
從單子到模式匹配，我們將引導(dǎo)您了解高級開發(fā)人員使用的最新、最棒的 JavaScript 技術(shù)。
譯自Top 5 Cutting-Edge JavaScript Techniques，作者 Alexander T Williams。
JavaScript 是現(xiàn)代 Web 開發(fā)領(lǐng)域必不可少的工具，它不斷變化和發(fā)展，樹立了新的標準。在本文中，我們重點介紹五種前沿 JavaScript 技術(shù)，向開發(fā)人員展示構(gòu)建動態(tài) Web 應(yīng)用程序的新穎創(chuàng)新方法，這些應(yīng)用程序提供高水平的交互性和性能。從單子到模式匹配，我們將引導(dǎo)你了解高級開發(fā)人員的最新最棒的 JS 技術(shù)。
JavaScript 因其靈活性而獲得極大歡迎，并已確立了自己作為全球使用最廣泛的編程語言。JS 通常用于創(chuàng)建具有高度交互性的動態(tài) Web 應(yīng)用程序，例如實時更新、直觀、功能豐富的用戶界面等。此外，JavaScript 允許應(yīng)用程序跨各種平臺運行。
JS 可用于各種項目，例如為電子商務(wù)服務(wù)提供支持或制作動畫和手機游戲。然而，這僅僅是該編程語言功能的縮影。我們還看到 JS 被用于企業(yè)環(huán)境中，尤其是在關(guān)鍵的 ERP 支持的流程（如 SAP 人員擴充）中，因為它允許創(chuàng)建自定義儀表板和 UI，并構(gòu)建在原生 Web 平臺之上。
許多領(lǐng)先的平臺（如 Facebook）使用開源用戶界面框架React Native，它構(gòu)建在 JavaScript 之上。這使他們能夠構(gòu)建可在 iOS 和 Android 上運行的移動應(yīng)用程序（如今，甚至 Apple Vision Pro），同時使用單個代碼庫。因此，開發(fā)時間大大縮短，使用的資源更少，并且用戶體驗在所有平臺和設(shè)備上保持一致。
Node.js 等服務(wù)器端運行時環(huán)境使得在 Web 瀏覽器之外運行 JavaScript 成為可能，進一步提高了應(yīng)用程序的可擴展性和部署可能性。為了使 JS 更加通用和多功能，大量與 JS 兼容的 API 也將 Web 應(yīng)用程序鏈接到外部服務(wù)。
最后，JavaScript 得到一個強大的庫和框架生態(tài)系統(tǒng)的支持，該生態(tài)系統(tǒng)有助于簡化和加速開發(fā)，允許開發(fā)人員選擇預(yù)先編寫的代碼來執(zhí)行特定功能。
我們選擇了五種前沿 JavaScript 技術(shù)，開發(fā)人員現(xiàn)在應(yīng)該使用這些技術(shù)，以幫助你克服眾多開發(fā)問題并創(chuàng)建更有效、更用戶友好的應(yīng)用程序。
Monads 有助于組合需要上下文的函數(shù)以返回一個值，并且在簡化錯誤管理和減少意外結(jié)果的可能性方面非常有效。
Monads 旨在盡可能簡化代碼中函數(shù)的組合。它們通常在構(gòu)建需要最高精度的企業(yè)級應(yīng)用程序時使用。單子可以使代碼更易于管理，從而產(chǎn)生復(fù)雜的回調(diào)、嵌套條件分支等。從本質(zhì)上講，單子旨在盡可能簡化代碼中函數(shù)的組合。
單子可以分解為三種函數(shù)組合：
函數(shù)組合是允許創(chuàng)建函數(shù)管道的基礎(chǔ)，從而實現(xiàn)高效的數(shù)據(jù)流。管道的第一階段是輸入，最后階段是從其初始狀態(tài)轉(zhuǎn)換的輸出。但是，要實現(xiàn)這一點，管道中的每個階段都必須能夠預(yù)測前一階段將返回什么數(shù)據(jù)類型。
這正是單子式所擅長的，通過映射函數(shù)來建立智能管道。它們以類似于 Promise 的方式工作，而且可以無縫地一起使用。
這里有一個單子用來從異步API中獲取一個用戶，然后將該用戶數(shù)據(jù)傳遞給另一個異步API來執(zhí)行計算：
const composeM = chainMethod => (...ms) => ( ms.reduce((f, g) => x => g(x)[chainMethod](f)) ); const composePromises = composeM('then'); const label = 'API call composition'; // a => Promise(b) const getUserById = id => id === 3 ? Promise.resolve({ name: 'Kurt', role: 'Author' }) : undefined; // b => Promise(c) const hasPermission = ({ role }) => ( Promise.resolve(role === 'Author') ); // Compose the functions (this works!) const authUser = composePromises(hasPermission, getUserById); authUser(3).then(trace(label)); // true一種聲明式方法通常用于開發(fā)人員優(yōu)先考慮簡潔的、富有表現(xiàn)力的代碼。
JavaScript 中的聲明式編程重點關(guān)注代碼的整體目標，而不是如何實現(xiàn)這些目標。這使得代碼更簡單，更易讀——因此，更易于維護。當開發(fā)人員優(yōu)先考慮簡潔、富有表現(xiàn)力的代碼以快速交付項目時，通常會使用聲明式方法。
讓我們將聲明式方法與命令式方法進行比較：
命令式：
function evenSum(numbers) { let result = 0; for (let i = 0; i < numbers.length; i++) { let number = numbers[i] if (number % 2 === 0) { result += number; } } return result;}聲明式：
const evenSum = numbers => numbers .filter(i => i % 2 === 0) .reduce((a, b) => a + b)服務(wù)器端緩存可用于根據(jù)使用指標自動擴展資源。
緩存并不是什么新鮮事物，可能不被認為特別新潮，但由于客戶端和服務(wù)器端 Web 應(yīng)用程序都可以使用緩存，因此它是提高性能的強大工具。特別是，服務(wù)器端緩存可通過加快數(shù)據(jù)檢索來提高 Node.js 性能。
我們來看看內(nèi)存緩存技術(shù)的一個簡單示例：
const cache = require('memory-cache'); function getDataFromCache(key) { const cachedData = cache.get(key); if (cachedData) { return cachedData; } // If data is not in cache, fetch it from the source const data = fetchDataFromSource(); // Store data in cache for future use cache.put(key, data, 60000); // Cache for 60 seconds return data;}服務(wù)器端緩存可以用來基于使用指標自動化資源的擴展。AWS Lambda、Azure Functions 或 Google Cloud Functions 可以被編程為動態(tài)調(diào)整服務(wù)，同時用于 JavaScript 的 AWS SDK 允許您監(jiān)控使用情況、優(yōu)化云成本和自動化擴展操作，確保您僅為所需的資源付費。
不可變性指的是不能改變的東西。在 JavaScript（及其編程語言）中，它指的是一旦設(shè)置后永遠不會改變的值。由于應(yīng)用程序不斷地改變和更新，不可變性似乎是不必要的——但事實并非如此。
這種技術(shù)的好處是能減少調(diào)試，減少意外結(jié)果。
不可修改的數(shù)據(jù)非常重要，因為它有助于增強代碼庫的一致性，簡化狀態(tài)管理。與其修改值，不如創(chuàng)建一個新值，這樣可提高可預(yù)測性，進而可減少錯誤（例如，當數(shù)據(jù)結(jié)構(gòu)意外更改時發(fā)生的錯誤）。這會導(dǎo)致減少調(diào)試以及減少意外結(jié)果。
不可變性用于 name 值的一個示例：
// Import stylesheetsimport './style.css'; // Write JavaScript code!const appDiv = document.getElementById('app');appDiv.innerHTML = `<h1>Open the console to see results</h1>`; class Person { //_name = "Nee"; //_name = ["Nee", "Ra"]; _name = { first: "Nee", middle: "L" }; get name() { return this._name; } set name(value) { console.log('In setter', value); this._name = value; }} let p = new Person();//p.name = "Ra"; // Setter executes//p.name.push("Lee"); // Setter doesn't execute//p.name = [...p.name, "Lee"]; // Setter executes//p.name.middle = "Lee"; // Setter doesn't executep.name = { ...p.name, middle: "Lee" }; // Setter executes模式匹配是一種條件分支，可以簡潔地匹配數(shù)據(jù)結(jié)構(gòu)模式，同時綁定變量。模式匹配通常用于編寫 XSLT 樣式表來轉(zhuǎn)換 XML 文檔。
模式匹配比標準 switch 語句更有效。
當需要針對任何給定模式測試值時，模式匹配比標準 switch 語句更有效，并且提供了更多的控制，允許開發(fā)人員編寫更復(fù)雜的表達式。
以下是使用 match 模塊實現(xiàn)階乘函數(shù)的示例，使用 JU-nify 庫：
match = function () { var unify = unification.unify; function match_aux(patterns, value) { var i, result; for (i = 0; i < patterns.length; i += 1) { result = unify(patterns[i][0], value); if (result) { return patterns[i][1](result); } } return undefined; } return function(patterns, value) { return match_aux(patterns, value); };}(); var fact = function (n) { return match([ [0, function() { return 1; }], [$('n'), function(result) { return result.n * fact(result.n - 1); }] ], n);};JavaScript 靈活、多功能，并且可以在各種平臺上部署。使用上述技術(shù)意味著開發(fā)人員可以為其應(yīng)用程序創(chuàng)建功能強大但簡潔的代碼。
本文鏈接：http://m.www897cc.com/showinfo-26-91029-0.htmlJavaScript的五項前沿技術(shù)，你知道嗎？
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號