大佬教程收集整理的这篇文章主要介绍了搞定immutable.js详细说明，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
Immutable Data是指一旦被创造后，就不可以被改变的数据。
通过使用Immutable Data，可以让我们更容易的去处理缓存、回退、数据变化检测等问题，简化我们的开发。
deep clone
'use Strict';
var cloneDeep = require('lodash.clonedeep');
var data = {
id: 'data',author: {
name: 'mdemo',github: 'https://github.com/demohi'
}
};
var data1 = cloneDeep(data);
console.log('equal:',data1===data); //false
data1.id = 'data1';
data1.author.name = 'demohi';
console.log(data.id);// data
console.log(data1.id);// data1
console.log(data.author.Name);//mdemo
console.log(data1.author.Name);//demohi
当然你或许意识到了，这样非常的慢。如下图，确实很慢
是由facebook开源的一个项目，主要是为了解决javascript Immutable Data的问题，通过参考 和 提供了一种更有效的方式。
简单的来讲，immutable.js通过structural sharing来解决的性能问题。我们先看一段视频，看看immutable.js是如何做的
当我们发生一个set操作的时候，immutable.js会只clone它的父级别以上的部分，其他保持不变，这样大家可以共享同样的部分，可以大大提高性能。
熟悉React.js的都应该知道，React.js是一个UI = f(states)的框架，为了解决更新的问题，React.js使用了virtual dom，virtual dom通过diff修改dom，来实现高效的dom更新。
听起来很完美吧，但是有一个问题。当state更新时，如果数据没变，你也会去做virtual dom的diff，这就产生了浪费。这种情况其实很常见，可以参考
当然你可能会说，你可以使用来解决呀，PureRenderMixin是个好东西，我们可以用它来解决一部分的上述问题，但是如果你留心的话，你可以在文档中看到下面这段提示。
PureRendermixin只是简单的浅比较，不使用于多层比较。那怎么办？？自己去做复杂比较的话，性能又会非常差。
方案就是使用immutable.js可以解决这个问题。因为每一次state更新只要有数据改变，那么PureRendermixin可以立刻判断出数据改变，可以大大提升性能。这部分还可以参考官方文档
总结就是：使用PureRenderMixin + immutable.js
https://github.com/facebook/immutable-js">immutable-js
以上是大佬教程为你收集整理的搞定immutable.js详细说明全部内容，希望文章能够帮你解决搞定immutable.js详细说明所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。