JS ES6用Proxy模擬乙個簡單的資料雙向繫結

2021-10-22 16:28:51 字數 734 閱讀 1868

雙向資料繫結,即當資料發生變化的時候,檢視也就發生變化,當檢視發生變化的時候,資料也會跟著同步變化。這也算是vue的精髓之處了。

接下來簡單的模擬一下:

"text" id=

"mytext"

>

"myp"

>

<

/p>

// 用proxy** 模擬實現vue雙向繫結

let mytext =document.

getelementbyid

("mytext");

let myp =document.

getelementbyid

("myp");

let obj =

;// **物件

let proxyobj =

newproxy

(obj,

,set

:function

(target, propkey , value),}

)// 1 .觸發set 將文字框顯示值

proxyobj.mytext = obj.mytext;

// 2 .實現雙向繫結 文字框裡面的值變化 obj物件的值更新 更新其他元素的值

mytext.

addeventlistener

("input"

,function()

)<

/script>

js ES6學習筆記 Proxy

1 proxy 用於修改某些操作的預設行為,等同於在語言層面做出修改,所以屬於一種 元程式設計 meta programming 即對程式語言進行程式設計。2 proxy 可以理解成,在目標物件之前架設一層 攔截 外界對該物件的訪問,都必須先通過這層攔截,因此提供了一種機制,可以對外界的訪問進行過濾...

用golang寫乙個proxy

我複雜的網路環境中,proxy是個很有用的工具,我們可以通過proxy 幫我們完成網路流量的 這個proxy得先能接收請求,所以這裡先啟動乙個tcp的監聽,獲取請求 func s server start glog.infof proxy listen in s,waiting for connec...

js es6語法的一些簡單運用

做乙個記錄,方便以後使用 字串的一些運用 var a asgssdjas a.touppercase 將字串中英文本母變成大寫 a.tolowercase 將字串中英文本母變成小寫 indexof s 將字串中的字串片段進行檢索 a.substring 0,5 從索引0開始到5 不包括5 返回 he...