什么是 immutable-record-class
immutable-record-class 是一款基于 immutable.js 库的封装工具，它可以帮助我们更方便的创建 immutable 数据结构，从而提高代码的可维护性和可读性。
immutable-record-class 的优点
更符合直觉的数据结构定义方式：immutable-record-class 定义 immutable 数据结构的方式更加直观，我们可以使用 ES6 的语法创建一个类，然后在类中定义数据结构，实现可维护的数据结构定义。
更优雅的 API 调用方式：immutable-record-class 把 immutable.js 的 API 进行了封装，让我们可以使用面向对象的方式调用，代码更加优雅。
更快速的性能表现：immutable-record-class 底层使用了 immutable.js，保证了数据结构的不可变性，同时又从创建数据结构的角度对 immutable.js 进行了优化，让性能更快速。
immutable-record-class 的使用教程
安装
使用 immutable-record-class 之前，我们需要先安装：
npm install immutable-record-class
使用
在使用 immutable-record-class 的时候，我们需要先创建一个类，然后在类中定义数据结构。
-- -------------------- ---- -------
------ -------------------- ---- -------------------------
----- ---- ------- -------------------- -
------ ------ - -
----- ---
---- --
------ -----
-------- -
------- ---
----- ---
-------- ---
--
-
-定义好数据结构后，我们就可以使用这个类来创建一个 immutable 对象了。
-- -------------------- ---- -------
----- ---- - --- ------
----- -------
---- ---
------ ----------- ----------
-------- -
------- ---- ---- -----
----- ---- ------
-------- ------
--
---我们可以使用 immutable.js 的 API 来操作这个 immutable 对象。
const newUser = user.set('name', 'Jack');同时，我们也可以使用封装的 API 来操作这个 immutable 对象。
-- -------------------- ---- -------
----- ------- - ----------------
----- -------
---- ---
------ ----------- ------------
-------- -
------- ---- ------
----- ---- ---------
-------- ------
--
---API
immutable-record-class 封装了 immutable.js 中常用的 API，提供了更优雅的调用方式。
setFields(fields: Object): this
设置 immutable 对象的多个属性值，返回新的 immutable 对象。
-- -------------------- ---- ------- ----- ---- - --- ------ ----- ------- ---- --- --- ----- ------- - ---------------- ----- ------- ---- --- ---
setField(key: string, value: any): this
设置 immutable 对象的一个属性值，返回新的 immutable 对象。
const user = new User({
name: 'John',
});
const newUser = user.setField('name', 'Jack');mergeFields(fields: Object): this
合并多个 immutable 对象的属性值，返回新的 immutable 对象。
-- -------------------- ---- -------
----- ----- - --- ------
----- -------
---- ---
---
----- ----- - --- ------
---- ---
-------- -
----- ---- ------
--
---
----- ------- - -------------------------mergeField(key: string, value: any): this
合并一个 immutable 对象的一个属性值，返回新的 immutable 对象。
-- -------------------- ---- -------
----- ----- - --- ------
----- -------
---- ---
-------- -
----- ---- ------
--
---
----- ----- - --- ------
---- ---
-------- -
-------- ------
--
---
----- ------- - --------------------------- ----------------------deleteFields(keys: Array<string>): this
删除多个属性，返回新的 immutable 对象。
const user = new User({
name: 'John',
age: 18,
hobby: ['reading', 'travel'],
});
const newUser = user.deleteFields(['hobby']);deleteField(key: string): this
删除一个属性，返回新的 immutable 对象。
const user = new User({
name: 'John',
age: 18,
hobby: ['reading', 'travel'],
});
const newUser = user.deleteField('hobby');总结
immutable-record-class 是一款非常实用的 immutable.js 封装工具，它可以帮助我们更方便地定义和操作 immutable 数据结构。本文介绍了 immutable-record-class 的定义方式和常用 API，并提供了示例代码进行演示，相信大家已经学会了如何使用 immutable-record-class。在实际项目中，我们应该尽可能地使用 immutable 数据结构，从而提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005574581e8991b448d43ea