一种前端数据双向绑定的实现方法及装置

摘要

一种前端数据双向绑定的实现方法，包括：(1)构造用于生成发布/订阅对象实例的函数，其返回一个发布/订阅对象；(2)构造用于生成数据模型对象实例的函数，其返回一个数据模型对象；(3)具有自定义属性data‑twoWayBind‑id的HTML元素，其中id为模型id；(4)生成数据模型对象的一个实例，传入模型id；(5)使用实例的读取属性的方法和设置属性的方法，获取、设置对应数据。还有一种前端数据双向绑定的实现装置。

主权项

一种前端数据双向绑定的实现方法，其特征在于：该方法包括以下步骤：(1)构造用于生成发布/订阅对象实例的函数，其返回一个发布/订阅对象，该对象具有：一个回调函数字典，用于存储事件及其回调方法，一个事件的多个回调按照订阅顺序存储于队列；一个事件订阅方法，用于将订阅事件与时间发生后的回调函数存储于回调函数对象中；一个事件发布方法，用于查找事件对应的回调函数队列，并调用；(2)构造用于生成数据模型对象实例的函数，其返回一个数据模型对象，该对象具有：属性字典，用于存储模型属性名及值；设置属性的方法，用于设置该数据对象实例的某个属性值，并在设置成功后发布一个自定义事件，调用回调函数，同步绑定元素值；读取属性的方法，返回对应属性值；发布/订阅对象实例的引用；(3)具有自定义属性data‑twoWayBind‑id的HTML元素，其中id为模型id；(4)生成数据模型对象的一个实例，传入模型id；(5)使用实例的读取属性的方法和设置属性的方法，获取、设置对应数据。