代数效应

由于看了react源码，发现了一个名词 “代数效应”，很纠结，这是啥，跟代数有啥关联。。很费解，也很抽象。所以在这里记录一下我的简单理解

react 应用解释： 让副作用从函数中分离

由于《代数效应》很抽象，就用简单的例子来解释吧，这不能代表《代数效应》，目前他还是抽象概念，下面的例子肯定涵盖不全

给大家看个例子

es6方式解决异步

// 通过promise 异步获取信息
function getProfile() {
    return new Promise(resolve, reject) {
        setTimeout(() => {
            resolve({ name: '张三'})
        })
    }
}

async function getData() {
    await getProfile()
}

getData()

引入代数效应概念的方式（ perform, try handle, resume with ）关键字，概念

function getData() {
    perform 'getInfo'
}

try{
    getData()
} handle (effect) {
    if(effect === 'getInfo') {
        setTimeout(() => {
            resume with { name: '张三'}
        })
    }
}

上面的例子看了可能不明白，现在讲解一下，getData 在第一个例子中是异步函数，为啥呢，因为里面有await，导致传染给了自己，让自己也染上了异步的特性，但是如果有场景，自己不能是异步怎么办呢，没办法，所以 第二个例子就可以完美解决。

大家也看出来了，上面用到的try handle，这不是跟try/catch很像么，是的，因为这是伪代码，模仿try/catch的，哈哈，因为这种应用场景跟他很像，不过细心的同学就会发现他们的不同了，try/catch一旦出发catch会立即释放try里面的内存空间，也就是里面的上下文没有了，已经成过去式了。但是try/handle可不是，他更像是暂停，执行完handle之后又回去继续执行了，而且可以复用上下人，是不是很强大

总结

《代数效应》 就这？不，肯定没这么简单，但是我们可以简单的，片面的理解成这样，如果javascript语言引入代数效应，挺强大