ECMAScript 中改变世界的 JavaScript 功能以前所未有的方式提升您的代码！-js教程-PHP中文网

ECMAScript 中改变世界的 JavaScript 功能以前所未有的方式提升您的代码！

心靈之曲

发布： 2024-11-05 08:30:01

转载

801人浏览过

ecmascript 中改变世界的 javascript 功能以前所未有的方式提升您的代码！

1. 顶级等待 – 异步简化！

异步代码需要将所有内容包装在函数中的日子已经一去不复返了。通过顶级的await，我们可以直接在模块中使用await，而不需要异步函数包装器。此功能对于简化代码和减少样板文件特别方便

在顶级等待之前，获取数据需要一个异步函数：

async function fetchdata() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}
fetchdata();

登录后复制

现在，通过顶级的await，我们可以在根级别调用await：

const response = await fetch('https://api.example.com/data');
const data = await response.json();
console.log(data);

登录后复制

这使得模块中的异步代码更加简单和可读，非常适合快速设置脚本或在应用程序启动时加载数据。

2. pipeline operator (|>) – 更清晰的函数链

管道运算符引入了一种以可读格式链接函数的新方法。这就像通过一系列函数在视觉上“管道”数据一样，使代码自然地从左到右流动。

考虑在不使用管道运算符的情况下通过多个函数转换值：

const result = capitalize(square(double(value)));

登录后复制

使用管道运算符，转换更加清晰：

const result = value |> double |> square |> capitalize;

登录后复制

这一变化不仅看起来更干净，而且更简洁。它也更容易遵循和维护，特别是对于具有多个转换步骤的函数

立即学习“Java免费学习笔记（深入）”；

3. promise.withresolvers – 让 promise 变得简单

处理promise通常需要创建一个promise，然后分别定义resolve和reject函数。 promise.withresolvers 通过将 promise 与解析和拒绝处理程序捆绑在一起来简化这一过程，使异步工作流程更加清晰。

之前

let resolve, reject;
const promise = new promise((res, rej) => {
  resolve = res;
  reject = rej;
});

登录后复制

使用 promise.withresolvers：

const { promise, resolve, reject } = promise.withresolvers();

登录后复制

4. 记录和元组——不可变的数据结构

记录和元组直接为 javascript 带来了不变性，让您可以创建创建后无法更改的数据结构。记录就像不可变对象一样工作，而元组则像固定长度、不可变数组一样工作。它们使数据完整性更容易维护，减少意外更改

创建记录和元组：

const person = #{ name: 'alice', age: 30 };  // record
const colors = #['red', 'green', 'blue'];    // tuple

// any attempt to modify throws an error
person.name = 'bob'; // error
colors.push('yellow'); // error

登录后复制

这种不变性使得记录和元组非常适合表示固定数据，例如配置或常量

5. string.towellformed 和 string.iswellformed – 更好的 unicode 处理

unicode 错误可能会意外出现，尤其是在处理国际文本时。 string.towellformed 和 string.iswellformed 允许开发人员检查和转换字符串的 unicode 正确性。它们有助于避免多语言应用程序中的渲染问题和数据损坏

const text = 'Hello, \uD800'; // Lone surrogate
console.log(text.isWellFormed()); // false

const wellFormedText = text.toWellFormed();
console.log(wellFormedText); // Corrected Unicode text

登录后复制

这些方法对于需要强大的全局文本处理的应用程序至关重要，确保字符串对于 unicode 表示有效且格式良好