国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

javascript觀察者模式實現自動刷新效果

來源:懂視網 責編:小OO 時間:2020-11-27 22:31:03
文檔

javascript觀察者模式實現自動刷新效果

本文實例為大家分享了js觀察者模式實現自動刷新的具體代碼,供大家參考,具體內容如下:// author wangbinandi@gmail.comconst observable = obj =>;{ const observers = Symbol();const set = function(target.key.value) { const result = Reflect.set(target.key.value);//console.log("set key:" + key);if ( target[observers].has(key) ) { target[observers].get(key).forEach(observer =>;};fn();})。
推薦度:
導讀本文實例為大家分享了js觀察者模式實現自動刷新的具體代碼,供大家參考,具體內容如下:// author wangbinandi@gmail.comconst observable = obj =>;{ const observers = Symbol();const set = function(target.key.value) { const result = Reflect.set(target.key.value);//console.log("set key:" + key);if ( target[observers].has(key) ) { target[observers].get(key).forEach(observer =>;};fn();})。

本文實例為大家分享了js觀察者模式實現自動刷新的具體代碼,供大家參考,具體內容如下

// author wangbinandi@gmail.com

const observable = obj => {
 const observers = Symbol();
 const set = function(target, key, value) {
 const result = Reflect.set(target, key, value);
 //console.log("set key:" + key);
 if ( target[observers].has(key) ) {
 target[observers].get(key).forEach(observer => observer());
 }

 return result;
 }

 const get = function(target, key) {
 const result = Reflect.get(target, key);
 //console.log("get key:" + key);
 if (arguments.callee.caller) {
 if (!target[observers].has(key)) {
 target[observers].set(key, new Set())
 }
 target[observers].get(key).add(arguments.callee.caller);
 }

 return result;
 }

 obj[observers] = new Map(); // string => Set()
 return new Proxy(obj, {set, get});
};

const autorun = fn => fn();

var person = observable({
 firstName: 'Matt',
 lastName: 'Ruby',
 age: 18,
 weight: 50
});

autorun(function () {
 console.log('autorun.getAge: ' + person.firstName + ' ' + person.age);
});

autorun(function () {
 console.log('autorun.getName: ' + person.firstName + ' ' + person.lastName);
});

person.age = 19;
person.weight = 55;
person.firstName = 'test';
person.lastName = 'MyLast';
console.log(person.lastName);
person.age = 20;

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

javascript觀察者模式實現自動刷新效果

本文實例為大家分享了js觀察者模式實現自動刷新的具體代碼,供大家參考,具體內容如下:// author wangbinandi@gmail.comconst observable = obj =>;{ const observers = Symbol();const set = function(target.key.value) { const result = Reflect.set(target.key.value);//console.log("set key:" + key);if ( target[observers].has(key) ) { target[observers].get(key).forEach(observer =>;};fn();})。
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 欧美视频区 | 视频精品一区二区 | 亚洲一区免费视频 | 国产日韩欧美精品在线 | 一区二区三区精品牛牛 | 久久se精品一区二区国产 | 欧美阿v高清资源在线 | 日韩电影中文字幕在线网站 | 国产日产欧美精品一区二区三区 | 成人亚洲国产综合精品91 | 亚洲国产精品免费在线观看 | 热久久伊人 | 制服丝袜先锋影音 | 国产精品亚洲片在线观看不卡 | 欧美亚洲日本国产 | 伊人色播 | 99久久免费国产精精品 | 亚洲视频五区 | 亚洲国产日韩在线一区 | 日本韩国欧美一区 | 亚洲国产成人精品一区91 | 精品一区二区三区免费毛片爱 | 免费国产最新进精品视频 | 欧美嫩交| 丰满老熟好大bbbxxx | 亚洲精品午夜国产va久久成人 | 精品在线播放 | 欧美性xxxxx极品老少 | 亚洲欧美国产日本 | 福利一区三区 | 久久国产精品一区二区 | 男女全黄一级带免费 | 国产精品一二三区 | 久久久久女人精品毛片九一 | 欧美日韩三区 | 国产精品久久久久久免费播放 | 亚洲欧美网址 | 日韩一级精品久久久久 | 国产成人综合久久精品红 | 亚洲一区 中文字幕 | 国产大片91精品免费观看不卡 |