双向数据绑定和单向数据有什么区别？

作者：鹏仔先生日期：2020-06-02 09:28:36浏览：1942分类：面试题

1. 单向数据流中，父组件给子组件传递数据，但反过来不可以传递，也就是说单向数据流是从最外层节点传递到子节点，他们只需从最外层节点获取props渲染即可，如果顶层组件的某个prop改变了，React会递归的向下便利整棵组件树，重新渲染所有使用这个属性的组件， React组件内部还具有自己的状态，这些状态只能在组件内修改；双向数据绑定是数据与视图双向绑定，数据发生改变时，视图也改变，视图发生改变时，数据也会发生改变。

2. 双向数据绑定的各种数据相互依赖相互绑定，导致数据问题的源头难以被跟踪到；单向数据流的数据流动方向可以跟踪，流动单一，追查问题的时候可以更快捷，缺点是写起来不太方便，要使视图发生改变就得创建各种action来维护state。

3. 双向绑定把数据变更的操作隐藏在框架内部，调用者并不会直接感知。而在践行单向数据流的flux系的实现中，其实不过是在全局搞了一个单例的事件分发器（dispatcher)，开发者必须显式地通过这个统一的事件机制做数据变更通知。