作者| 亚历山大·T·威廉姆斯

译者| 秋石山

规划|蒂娜

JavaScript 是现代Web 开发的重要工具，不断发展、发展并制定新标准。本文重点介绍五种尖端JavaScript 技术，向开发人员展示构建高度交互、高性能和动态Web 应用程序的创新方法。从monad 到模式匹配，我们向您介绍面向高级开发人员的最新、最优秀的JS 技术。

为什么 JavaScript 如此流行？

JavaScript 由于其灵活性而变得极其流行，并已成为世界上使用最广泛的编程语言。 JS 通常用于构建高度交互和动态的Web 应用程序，包括实时更新、直观且功能丰富的用户界面。此外，JavaScript 允许应用程序跨平台运行。

JS 可用于各种项目，包括增强电子商务服务以及创建动画和手机游戏。然而，这只是JavaScript 功能的一小部分。 JS 还用于企业环境，特别是在SAP 员工扩充等关键ERP 流程中，您可以在本机Web 平台上创建自定义仪表板和UI。

许多主要平台（例如Facebook）都使用React Native，这是一个基于JavaScript 构建的开源用户界面框架。这使您可以使用单一代码库构建在iOS 和Android（包括Apple Vision Pro）上运行的移动应用程序。其结果是开发时间显着缩短，资源减少，并在所有平台和设备上提供一致的用户体验。

Node.js 等服务器端运行时环境允许JavaScript 在Web 浏览器之外运行，进一步提高应用程序的可扩展性和部署可能性。为了使JS 更加通用和强大，许多JS 兼容的API 将Web 应用程序链接到外部服务。

最后，JavaScript 生态系统拥有许多强大的库和框架，有助于简化和加速开发，允许开发人员选择预先编写的代码来执行特定功能。

五大前沿 JavaScript 技术

我们选择了五种尖端的JavaScript 技术供开发人员用来解决开发问题并构建更有效、用户友好的应用程序。

1.单子（异步操作）

Monad 允许您创建需要上下文并返回值的函数。这对于简化错误管理和减少意外结果非常有效。

Monad 旨在使代码中的函数组合尽可能简单。这些通常用于构建需要高精度的企业级应用程序。 Monad 使您的代码更易于管理，并允许更复杂的回调、嵌套条件等。基本上，monad 的目的是使代码中的函数组合尽可能简单。

Monad 可以分为三种类型的功能组合。

函数映射：a=b

按上下文进行函数映射：Functor(a)=Functor(b)

Monad 扁平化（从上下文中解压值）和按上下文进行函数映射： Monad(Monad(a))=Monad(b)

函数组合是创建函数管道的基础，函数管道可实现高效的数据流。管道的第一阶段是输入，最后阶段是转换后的输出。要实现管道，每个阶段必须能够预测前一个阶段将返回的数据类型。

这就是monad 发挥作用的地方，可以有效地映射功能并创建智能管道。它们的工作方式与Promise 类似，并且可以无缝地一起使用。

下面是使用monad 从异步API 检索用户数据，然后将该用户数据传递给另一个异步API 来执行计算的示例。

const composeM=chainMethod=(.ms)=(ms.reduce((f, g)=x=g(x)[chainMethod](f)) ); const composePromises=composeM('then'); API 调用配置'; //a=Promise(b) const getUserById=id=id===3 Promise.resolve({ name: 'Kurt', role: 'Author' }) //b=Promise (c) const hasPermission=({ role })=( Promise.resolve(role==='Author') ); //创建函数（这有效！） const authUser=composePromises(hasPermission, getUserById); ); //复制真实代码

2.声明式编程

当开发人员希望他们的代码更简洁、更具表现力时，通常会使用声明性方法。 JavaScript 中的声明式编程关注的是代码的总体目标，而不是如何实现它。这使得代码更简单、更具可读性并且更易于维护。当开发人员希望代码更简洁、更具表现力以便快速交付项目时，他们经常使用声明式方法。

让我们比较一下声明式方法和命令式方法。

至关重要的：

function EvenSum(numbers) { let result=0; for (let i=0; innumber.length; i++) { letnumber=number[i] if (number % 2===0) { result +=number } } 返回结果；}function EvenSum(numbers) {let result=0;for (let i=0; innumber.length; i++) { letnumber=number[i] if (number % 2===0) { result +=number } }返回结果；

声明式：

const EvenSum=number=number .filter(i=i % 2===0) .reduce((a, b)=a + b)复制代码

3. 用于提高 Node.js 性能的服务器端缓存

服务器端缓存允许您根据使用情况自动扩展和缩减资源。

尽管缓存并不新鲜，也不被认为是尖端技术，但它可以在客户端和服务器端Web 应用程序中使用，使其成为提高性能（尤其是服务器端缓存）的强大工具。 Node.js 性能和更快的数据检索。

让我们看一个使用内存缓存技术的例子。

const queue=require('memory-cache'); function getDataFromCache(key) { const crashedData=cache.get(key); if (cachedData) { return crashedData } //如果数据不在缓存中，则检索数据从缓存中获取。 source const data=fetchDataFromSource(); //缓存数据以供将来使用cache.put(key, data, 60000) //缓存60 秒并返回数据；}

服务器端缓存允许您根据使用情况自动扩展和缩减资源。虽然AWS Lambda、Azure Functions 或Google Cloud Functions 可以以编程方式动态调整您的服务，但AWS JavaScript SDK 可以让您监控您的使用情况、优化您的云成本并管理您的资源，这样您只需为需要的内容付费即可自动扩展。

4. 不可变性

不变性是指无法更改的事物。在JavaScript（以及一般编程）中，一旦设置就无法更改的值。应用程序不断变化和更新，因此不变性似乎没有必要，但事实并非如此。

不变性减少了调试和意外结果。

数据不变性很重要，因为它提供了整个代码库的一致性并有助于状态管理。创建新值而不是修改现有值可以使事情更具可预测性并减少错误，例如意外更改数据结构时的错误。这减少了调试和意外结果。

使用命名变量的不变性的示例：

//导入样式表import './style.css';//创建JavaScript 代码！ const appDiv=document.getElementById('app');appDiv.innerHTML=`h1打开控制台查看结果/h1 `;class Person { //_name='nee'; //_name=['nee', 'la']; { first: 'nee', middle: 'L' }; 获取name() { return this._name } { console.log ('In setter', value); this._name=value; }}let p=new Person(); //p.name='Ra'; //setter 是//p.name Run .push. ('Lee'); //Setter 未执行//p.name=[.p.name, 'Lee'] //Setter 已执行//p.name.middle='Lee' ; execute p.name={ .p.name, middle: 'Lee' } //Setter 执行代码

不变性是一种重要技术，越来越多地用于数据科学任务和人工智能项目，这再次证明JavaScript 无法处理的问题越来越少。

5. 模式匹配

模式匹配是一种条件分支，可在绑定变量时简洁地匹配数据结构中的模式。创建XSLT 样式表来转换XML 文档时经常使用模式匹配。

模式匹配比标准switch 语句高效得多。

当将值与特定模式匹配时，模式匹配比标准switch 语句更高效，并且允许开发人员创建更复杂的表达式。

下面是使用JUnify 库的匹配模块实现阶乘函数的示例。

match=function () { var unify=unification.unify function match_aux(patterns, value) { var i, result; (i=0; ipattern.length; i +=1) { result=unify(patterns[i]; ][0], 值); if (结果) { 返回模式[i][1](结果); } 返回函数(模式， 值) { 返回match_aux(模式， 值); var fat=函数( n) { return match([ [0, function() { return 1; }], [$('n'), function(result) { return result.n * fat(结果.n - 1); }] ] , n);};复制代码

结 论

JavaScript 灵活且通用，可以部署在多种平台上。使用上述技术，开发人员可以为其应用程序开发功能强大且简洁的代码。

原文链接：

https://thenewstack.io/top-5-cuttingedge-javascript-techniques/

免责声明：本文由InfoQ翻译编辑，未经许可不得转载。

原文链接：5个强大的JavaScript功能技巧_Backend_InfoQ 文章精选

版权声明：本文转载于网络，版权归作者所有。如有侵权，请联系本站编辑删除。