【面试vue3源码】一、认识副作用函数与响应式数据

221 阅读1分钟

认识副作用函数与[响应式]

副作用函数

副作用函数: 会产生副作用的函数被称为副作用函数。那么什么是副作用呢?如果几个函数的运行,可能会影响到其他函数或变量,那么这种影响就是一种副作用。我们来看两个例子: image.png changeText函数会修改body的内容。getText会返回body的内容。如果我们使用changeText修改了body内容,那么会影响到getText获取内容,那么这时changeText就是个副作用函数。副作用函数不一定非要对某些函数产生副作用,如果一个函数修改了全局变量,这其实也是个副作用函数。

image.png changeFlag函数会更改一个全局变量flag,那么这也是一种副作用,所以changeText也是个副作用函数。

image.png

响应式数据

image.png 以上代码c的结果为2。假设我们将obj.a赋值为2,那么c之前的结果是不会随之改变的,因此必须再次调用sum函数,我们才能得到obj.a等于2c的新值。设想一下,如果我们更改obj.aobj.b,不需要我们调用sum函数,c能自动(同步)更新该多好。如果可以实现这种功能,那么obj对象就可以称为响应式数据。