JavaScript中的String对象研究01_String基础介绍_String构造方法_静态方法:fromCharCode、fromCodePoint、raw

最新推荐文章于 2025-03-10 20:21:31 发布

It'sMyGo

最新推荐文章于 2025-03-10 20:21:31 发布

阅读量779

点赞数 12

分类专栏： javascript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/qq_33546823/article/details/142750424

版权

javascript 专栏收录该内容

70 篇文章

订阅专栏

JavaScript中的String对象研究01：String基础介绍、String构造方法、静态方法fromCharCode、fromCodePoint、raw

在JavaScript编程中，String对象是处理文本数据的基础。本系列文章将深入研究String对象的各个方面，帮助你更好地理解和使用它。

本篇文章主要涵盖以下内容：

String基础介绍
String构造方法
静态方法：
- String.fromCharCode()
- String.fromCodePoint()
- String.raw()

一、String基础介绍

1. 什么是String对象？

String对象用于表示和操作文本（字符串）。在JavaScript中，字符串可以通过以下两种方式创建：

字符串字面量：使用单引号'或双引号"括起来的字符序列。
String对象：使用String构造函数创建的新对象。

示例：

// 字符串字面量
let strLiteral = "Hello, World!";

// String对象
let strObject = new String("Hello, World!");

2. 字符串是不可变的

在JavaScript中，字符串是不可变的。一旦创建了一个字符串，它的值就不能被更改。任何对字符串的操作都会返回一个新的字符串，而不会修改原字符串。

示例：

let originalStr = "Hello";
let newStr = originalStr.concat(", World!");

console.log(originalStr); // "Hello"
console.log(newStr);      // "Hello, World!"

二、String构造方法

1. 创建String对象

String构造函数可以用来创建一个新的String对象。

语法：

new String(value);
String(value);

value：要转换为字符串的值。

2. 使用示例

（1）不使用`new`关键字

当不使用new关键字调用String()时，它作为一个函数，将参数转换为字符串并返回原始字符串值。

let num = 123;
let str = String(num);

console.log(typeof str); // "string"
console.log(str);        // "123"

（2）使用`new`关键字

当使用new关键字调用String()时，它创建一个String对象。

let strObj = new String("Hello");

console.log(typeof strObj); // "object"
console.log(strObj);        // [String: 'Hello']

3. 注意事项

类型区别：使用String()函数返回的是原始字符串类型，而使用new String()返回的是一个对象。
避免不必要的对象封装：在大多数情况下，建议直接使用字符串字面量或String()函数，不要使用new String()，以避免不必要的复杂性和潜在的性能问题。

三、String的静态方法

String对象提供了几个静态方法，可以在不创建String实例的情况下使用。这些方法通常用于字符编码和模板字符串处理。

1. String.fromCharCode()

定义

String.fromCharCode()方法返回由指定的Unicode码点序列创建的字符串。

语法

String.fromCharCode(num1[, ...[, numN]])

num1, ..., numN：一个或多个Unicode码点，范围为0到65535。

用途

将Unicode码点转换为对应的字符，可以用于生成字符串，处理字符编码等。

示例

console.log(String.fromCharCode(72, 101, 108, 108, 111)); // "Hello"

// 生成ASCII字符表
for (let i = 32; i < 128; i++) {
  process.stdout.write(String.fromCharCode(i));
}
// 输出从空格到'~'的所有ASCII字符

注意事项

fromCharCode()只能处理16位的Unicode码点（BMP），对于超出范围的字符（如一些Emoji）需要使用fromCodePoint()。

2. String.fromCodePoint()

定义

String.fromCodePoint()方法返回使用指定的码点序列创建的字符串，支持Unicode的全部码点，包括超出16位的字符。

语法

String.fromCodePoint(num1[, ...[, numN]])

num1, ..., numN：一个或多个Unicode码点，可以超过65535。

用途

处理所有Unicode字符，包括补充字符集（Supplementary Characters），如Emoji和其他特殊符号。

示例

// 表示笑脸Emoji的Unicode码点为0x1F600
console.log(String.fromCodePoint(0x1F600)); // "😀"

// 使用fromCharCode无法正确处理
console.log(String.fromCharCode(0x1F600)); // 输出乱码或错误字符

// 处理多个码点
console.log(String.fromCodePoint(72, 101, 108, 108, 111, 0x1F600)); // "Hello😀"

注意事项

fromCodePoint()是ES6（ES2015）新增的方法，旧版浏览器可能不支持。
如果传入的码点不是有效的Unicode码点范围（0 ~ 0x10FFFF），将抛出RangeError。

3. String.raw()

定义

String.raw()是用于处理模板字符串的一个标签函数，用于获取模板字符串的原始字符（未转义的字符串）。

语法

String.raw(callSite, ...substitutions)

callSite：一个模板字符串的“调用点对象”（通常由模板字符串自动提供）。
substitutions：模板字符串中插入的值。

用途

当需要获取模板字符串的原始内容，特别是其中包含的转义字符时，可以使用String.raw()。

示例

let path = String.raw`C:\Development\profile\aboutme.html`;
console.log(path); // "C:\Development\profile\aboutme.html"

// 对比普通字符串
let normalPath = `C:\Development\profile\aboutme.html`;
console.log(normalPath); // "C:Developmentprofileaboutme.html"

// 使用变量插值
let name = "Alice";
let message = String.raw`Hello\n${name}!`;
console.log(message); // "Hello\nAlice!"

// 实际的字符串内容包含了"\n"字符，而不是换行符

自定义标签函数

String.raw()可以作为模板字符串的标签函数使用，也可以自定义自己的标签函数。

function tag(strings, ...values) {
  console.log(strings);
  console.log(values);
}

let name = "Bob";
tag`Hello\n${name}!`;
// 输出：
// ["Hello\n", "!"]
// ["Bob"]

注意事项

String.raw()不会对反斜杠进行转义处理，即\n被视为两个字符\和n，而不是换行符。
常用于处理需要保持原始格式的字符串，如正则表达式、文件路径等。

四、总结

String的创建方式：字符串字面量、String()函数和new String()构造函数。
不可变性：字符串一旦创建，值就不能被修改。
静态方法：
- String.fromCharCode()：将Unicode码点转换为字符串，处理基本多文种平面（BMP）字符。
- String.fromCodePoint()：支持所有Unicode码点，包括超出16位的字符。
- String.raw()：获取模板字符串的原始内容，避免转义处理。