TextEncoder

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流浏览器均已支持。

注意：此功能在 Web Workers 中可用。

TextEncoder 接口使您能够使用 UTF-8 编码 JavaScript 字符串。

构造函数

TextEncoder(): 创建并返回一个新的 TextEncoder。

实例属性

TextEncoder 接口不继承任何属性。

TextEncoder.encoding 只读: 始终返回 utf-8。

实例方法

TextEncoder 接口不继承任何方法。.

TextEncoder.encode(): 接受一个字符串作为输入，并返回一个包含使用 UTF-8 编码的字符串的 Uint8Array。
TextEncoder.encodeInto(): 接受一个要编码的字符串和一个用于存放结果 UTF-8 编码文本的目标 Uint8Array，并返回一个表示编码进度的对象。这可能比旧的 encode() 方法性能更高。

示例

编码为 UTF-8

此示例展示了如何将 "€" 字符编码为 UTF-8。

html

<button id="encode">Encode</button>
<button id="reset">Reset</button>
<div id="output"></div>

div {
  margin: 1rem 0;
}

const utf8encoder = new TextEncoder();
const text = "€";

const output = document.querySelector("#output");
const encodeButton = document.querySelector("#encode");
encodeButton.addEventListener("click", () => {
  output.textContent = utf8encoder.encode(text);
});

const resetButton = document.querySelector("#reset");
resetButton.addEventListener("click", () => {
  window.location.reload();
});

规范

规范
编码 # interface-textencoder

浏览器兼容性

另见

TextDecoder 接口描述了相反的操作。

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2025 年 6 月 28 日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题