JS 字符串的不可变性对内存性能的影响

夏强小哥_2455

夏强小哥_2455

2026-06-13

424人浏览

原创

javascript字符串不可变,即每次操作都生成新字符串而非修改原值,导致内存中堆积大量中间字符串、gc压力增大、拼接时间复杂度升至o(n²),但换来线程安全、哈希稳定与引擎优化等核心收益。

js 字符串的不可变性对内存性能的影响

JavaScript 字符串不可变,意味着每次修改(拼接、截取、替换等)都不会改动原字符串,而是创建一个新字符串,原字符串仍留在内存中,直到被垃圾回收。这种设计直接带来内存和性能上的连锁反应。

内存持续增长:中间字符串大量堆积

比如循环中反复用 += 拼接:

  • 第一次:s = "a" → 内存分配 1 字节
  • 第二次:s += "b" → 创建新字符串 "ab"(2 字节),旧 "a" 暂未回收
  • 第 n 次:已产生 n 个不同长度的字符串实例,总内存占用接近 O(n²)

当循环百万次,尤其拼接较长内容时,可能瞬间占用数百 MB 堆内存,触发频繁 GC,造成卡顿甚至崩溃。

时间开销放大:操作复杂度非线性上升

以拼接为例:

  • + 或 concat():单次拼接需复制前序全部内容,n 次循环总耗时为 O(n²)
  • Array.join():先收集片段,最后一次性合并,总耗时稳定在 O(n)
  • 模板字面量(`${a}${b}`):引擎可优化为单次构建,适合固定结构拼接

实际测试中,10 万次拼接,+= 可能比 join() 慢 10 倍以上,且内存峰值高出数倍。

Browser Js
Browser Js

轻量级CDP浏览器控制,适用于AI代理。相较于内置浏览器工具,token消耗降低3‑10倍,仅在浏览时使用。

下载

隐性风险:引用残留与内存泄漏

不可变性本身不导致泄漏,但开发中容易忽视引用关系:

  • 把拼接过程中的中间字符串意外保留在闭包、全局对象或缓存中
  • 长生命周期对象持有短命字符串(如日志模块缓存原始请求体 + 拼接结果)
  • 使用 new String("...") 创建包装对象,它不参与字符串常量池,且引用不易释放

这类情况会让本该被回收的字符串长期驻留堆内存,表现为内存占用只升不降。

为什么坚持不可变?权衡背后的收益

这不是缺陷,而是有意为之的设计取舍:

  • 多处读取同一字符串(如 Map 键、正则匹配源)完全安全,无需加锁或深拷贝
  • 引擎可复用相同字面量(如多个 "loading" 共享同一内存块)
  • 哈希计算一次即可固化,保障 Map 和 Set 的键稳定性
  • 使内联缓存、字符串切片零拷贝等底层优化成为可能

不可变性让字符串行为可预测、线程友好、利于引擎深度优化——代价是开发者需主动避开低效模式。

相关文章

数码产品性能查询
数码产品性能查询

该软件包括了市面上所有手机CPU,手机跑分情况,电脑CPU,电脑产品信息等等,方便需要大家查阅数码产品最新情况,了解产品特性,能够进行对比选择最具性价比的商品。

下载

相关标签:

js

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

2023.06.20

4566

5

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

2023.07.04

1149

3

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

2023.07.04

4504

6

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

900

4

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

1796

5

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

2023.09.04

3285

4

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

2023.09.12

4253

6

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

2023.09.20

2760

5

java访问控制修饰符介绍
java访问控制修饰符介绍

java访问控制修饰符有四种,分别是public、protected、private、默认访问修饰符。详细介绍:1、public,public是最宽松的访问控制修饰符,被修饰的类、方法和变量可以被任何其他类访问,当一个类、方法或变量被声明为public时,它们可以在任何地方被访问,无论是同一个包中的类还是不同包中的类;2、protected修饰符等等。

2023.09.20

888

7

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 20.8万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.8万人学习