在 JavaScript 的字符串处理中，replace() 方法是一个非常常用的方法，可以将字符串中指定的文本替换为新的文本。然而，在处理异步任务时，replace() 方法并不能够满足需求。因此，开发者们往往会寻找一种 async 版本的 replace() 方法。而 ES2021 并没有在其官方文档中提供 String.prototype.replaceAsync() 方法，这一点值得我们关注和思考。
replace() 和异步任务
replace() 方法在处理字符串时，会从原始字符串中查找匹配的文本，然后用新文本替换它。但是，如果我们的文本匹配操作需要网络或文件 I/O？或者它需要大量 CPU 运算的时间，这将会导致 JavaScript 的主线程被阻塞，使得用户体验变得非常糟糕。所以，我们需要一种异步的 replace() 方法。
现有的解决方案
在 ES2021 之前，开发者们通常会通过使用 Promise 和 async/await 来手动实现异步 replace() 方法。让我们看一个简单的例子来说明这一点：
-- -------------------- ---- -------
-------- --------------------- ------------ ---- -
------ --- ----------------- ------- -- -
----- ----- - --- --------------- -----
--- ------ - ---
--- ------ ----- -- ----------------- -
------ -- ------
-- ---------------- - ----------- -
------ -- -- -
----- ----- - ----- -------------------
-- ------ --- ---------- -
------ -- ----- - ---------------------------
----------------
- ---- -
------ -- ------
--------------- -- -------------
-
-------------------
-------
-
-
----------------
---
-这个实现方法并不十分优美，因为必须使用 Promise 手动递归搜索匹配的文本。因此，开发者们期望 ES2021 提供更好的解决方案。
ES2021 为何没有 String.prototype.replaceAsync()？
虽然异步 replace() 方法在开发者中非常流行，但是在官方提案中并不受欢迎，因为强制使用这种方案会令人担心它是否会对性能造成影响。
在提案的 GitHub 讨论中，提出了两种方案：
- 提供专门的 API 来管理这种用例。
- 考虑以 Stepping Stones 的方式提供类似于 String.prototype.replace() 这样的同步 API，而非纯异步 API。
然而，最后的结果是在 ES2021 中没有考虑任何一种方案，并且没有提供 String.prototype.replaceAsync() 方法。这可能是因为开发人员使用 async replace() 方法不如预期的普遍。因此，如果您需要异步的 replace() 方法，您需要使用自己的实现或者使用类似于 async/await 的手动实现。
总结
虽然 ES2021 没有提供 String.prototype.replaceAsync() 方法，这并不会阻止开发者实现异步 replace() 方法。实际上，这也提醒我们开发者们仍然需要自己研究和理解技术的前沿，而不是过于依赖 ES2021 的新特性。同时，也需要更多开发者思考异步 API 设计，并在可能的情况下，在标准中集成异步 API 设计。
示例代码
-- -------------------- ---- -------
----- -------- --------------------- ------------ ---- -
----- ----- - --- --------------- -----
--- --------- - --
--- -------
----- ------ - ---
----- -------- - ---------------- --- ----- -
----- ----------- ------------ - -------
----- ---------- - -------------
----- -------- - ---------- - -----------------
----- -------------- - -------------------- ------------
--------- - ---------
----------------- --------------------------- --------- ----------- ------
-
----------------------------------
------ ----------------
-
-- ------
-------------
-------
----- -- -- -
----- -------------------
------ ------
--
---- --- ----
--------------- -- -
--------------------
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c6197c4908f32798b27949