美文网首页
高性能JavaScript--字符串加(+)和加等(+=)操作符

高性能JavaScript--字符串加(+)和加等(+=)操作符

作者: 刘翾 | 来源:发表于2017-11-09 08:58 被阅读4次

首先看一个例子, 这是一个连接字符串的常用方法.

str += "one" + "two";

此代码运行时, 会经历4个步骤:

  1. 在内存中创建一个临时字符串.
  2. 连接后的字符串"onetwo"被赋值给临时字符串.
  3. 临时字符串与str当前的值连接.
  4. 结构赋值给str
    这是浏览器完成此任务的大概步骤.

以下代码在大多数浏览器中这样做会提速10%-40%;

str = str + "one" + "two"

赋值表达式由str开始作为基础, 每次给它附加一个字符串, 从左向右依次连接, 因此避开了临时字符串. 如果改变连接顺序(例如: str = "one" + str + "two"). 本优化将失效. 这与浏览器合并字符串时分配的内存方法有关. 除IE外, 其他浏览器会尝试为表达式左侧的字符串分配更多的内存. 然后简单地将第二个字符串拷贝至它的末尾. 如果在一个循环中, 基础字符串位于最左端的位置, 就可以避免重复拷贝一个逐渐变大的字符串,

这项技术不适用IE

相关文章

  • 高性能JavaScript--字符串加(+)和加等(+=)操作符

    首先看一个例子, 这是一个连接字符串的常用方法. 此代码运行时, 会经历4个步骤: 在内存中创建一个临时字符串. ...

  • 高性能javascript--编程实践

    高性能javascript--编程实践 #### - setTimeout()和settimeInterval()...

  • JS第二天

    js运算符 运算操作符 ‘+’ 1.数学运算、字符串链接 2.任何数据类型加字符串都等于字符串‘-’、...

  • 2018-07-10

    js运算符 运算操作符 ‘+’ 1.数学运算、字符串链接 2.任何数据类型加字符串都等于字符串‘-’、‘\’...

  • 部分操作符的说明

    一元操作符只能够操作一个值的操作叫做一元操作符。 ① 和递减操作符 ② 一元加和减操作符 一元加操作符对结果不会有...

  • Python字符串

    1 序列 1.1 序列类型操作符 1.2 内建函数 字符串 2.1 字符串操作符 比较操作符:字符串大小按照ASC...

  • Python初学(十)

    这章学习下字符串的操作。 字符串的操作 字符串操作符: 针对字符串,Python语言提供了几个基本操作符 字符串处...

  • 高性能javascript--算法和流程控制

    - for,while和do-while性能相当 - 避免使用for-in循环,==除非遍历一个属性量未知的对象...

  • 【Perl编程-6】正则表达式--替换+转化

    替换操作符 替换操作符 s/// 是匹配操作符的扩展,使用新的字符串替换指定的字符串。基本格式如下:s/PATTE...

  • JavaScript--字符串

    一、字符串的概述 1、String(字符串)数据类型表示零或多个 16 位 Unicode 字符序列。字符串可以使...

网友评论

      本文标题:高性能JavaScript--字符串加(+)和加等(+=)操作符

      本文链接:https://www.haomeiwen.com/subject/djhumxtx.html