根據對象的訪問器屬性去監聽對象屬性的變化，訪問器屬性不能直接在對象中設置，而必須通過 defineProperty() 方法單獨定義。?訪問器屬性的"值"比較特殊，讀取或設置訪問器屬性的值，實際上是調用其內部特性：get和set函數。

?下面通過一個實例解釋下雙向數據的過程：

通過創建一個obj對象，然后設置一個訪問器屬性hello，然后監聽文本框的一個keyup事件，調用回調函數，重新設置obj.hello屬性，其實際上是去調用內部屬性set方法，在set方法更改文本框的value和p標簽的innerHTML,從而達到數據的綁定。get 和 set 方法內部的 this 都指向 obj，這意味著 get 和 set 函數可以操作對象內部的值。另外，訪問器屬性的會"覆蓋"同名的普通屬性，因為訪問器屬性會被優先訪問，與其同名的普通屬性則會被忽略。

轉載于:https://www.cnblogs.com/MECN/p/7202585.html

總結

以上是生活随笔為你收集整理的原生js简单实现双向数据绑定原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。