对比 Mutable 和 Immutable 及 Mutating 和 Non-Mutating

本贴最后更新于 2109 天前,其中的信息可能已经事过景迁

2019-02-15

回答

基本解释如下:

  • Mutable:对象主题可以被修改
  • Immutable:对象一旦被创建就不能被修改
  • Mutating:修改对象主题的方法
  • Non-Mutating:不会使原始对象发生变化的修改方法

在 JavaScript 中,对象是可被修改的,但原始值却是不能被修改的。这意味着可以通过执行某些操作来修改对象的原始引用,但对原始值执行任何操作都不能修改他的初始值。
所有的 String.prototype 方法都不能对初始值产生任何影响,他们都只会返回一个新的字符串。相比而言,Array.prototype 的某些方法也不会修改初始数组的引用,只会产生一个新的数组,但是某些方法却能产生变化。

const myString = "hello!"
// 返回一个新数组,并不会修改初始值
myString.replace("!", "") // "hello"

const originalArray = [1, 2, 3]
// 原始数组被修改
originalArray.push(4) // [1, 2, 3, 4]
// 返回一个新数组,不会修改原始数组
originalArray.concat(4) // [1, 2, 3, 4, 4]

加分回答

  • 数组中 Mutating 的方法如:copyWithinfillpoppushreverseshiftsortspliceunshift
  • 数组中 Non-Mutating 的方法如: mapsliceconcatfilter
  • Immutable.js

返回总目录

每天 30 秒

  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 384 回帖 • 9 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    729 引用 • 1327 回帖
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    325 引用 • 1395 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
Vanessa
我们终此一生,就是要摆脱他人的期待,找到真正的自己。 昆明