您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
01 js觀察者模式和發布訂閱(Javascript如何實現接口?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-23 12:54:53【】2人已围观
简介js怎么理解js事件觀察者模式觀察者模式主要應用于對象之間一對多的依賴關系,當一個對象發生改變時,多個對該對象有依賴的其他對象也會跟著做出相應改變,這就非常適合用觀察者模式來實現。使用觀察者模式可以根
js 怎么理解js事件觀察者模式
觀察者模式主要應用于對象之間一對多的依賴關系,當一個對象發生改變時,多個對該對象有依賴的其他對象也會跟著做出相應改變,這就非常適合用觀察者模式來實現。使用觀察者模式可以根據需要增加或刪除對象,解決一對多對象間的耦合關系,使程序更易于擴展和維護。
基礎知識:
觀察者模式定義了對象間的一種一對多依賴關系,每當一個對象發生改變時,其相關依賴對象皆得到通知并被進行相應的改變。觀察者模式又叫做發布-訂閱模式。生活中有很多類似的關系,比如買粉絲買粉絲訂閱,多個讀者訂閱一個買粉絲買粉絲,一旦買粉絲有更新,多個讀者都會收到更新,而這種情況在應用程序中也非常常見,js綁定各種事件本質上就是觀察者模式的實現。
觀察者模式是一個非常有用的設計模式,它主要有兩個角色組成:
(1)目標對象:作為一對多關系中的一,可以用來管理觀察者的增加和刪除。
(2)觀察者對象:觀察目標對象,一旦目標發生改變則做出相應的反應。
Javascript如何實現接口?
在javascript中并沒有原生的創建或者實現接口的方式,或者判定一個類型是否實現了某個接口,我們只能利用js的靈活性的特點,模擬接口。
在javascript中實現接口有三種方式:注釋描述、屬性驗證、鴨子模型。
note:因為我看的是英文書,翻譯水平有限,不知道有些詞匯如何翻譯,大家只能領會精神了。
1. 注釋描述 (Describing Interfaces with Comments)
例子:
復制代碼 代碼如下:
/*
interface Composite {
function add(child);
function remove(child);
function getChild(index);
}
interface FormItem {
function save();
}
*/
var CompositeForm = function(id, method, action) { // implements Composite, FormItem
...
};
//Implement the Composite interface.
CompositeForm.prototype.add = function(child) {
...
};
CompositeForm.prototype.remove = function(child) {
...
};
CompositeForm.prototype.getChild = function(index) {
...
};
// Implement the FormItem interface.
CompositeForm.prototype.save = function() {
...
};
模擬其他面向對象語言,使用interface 和 implements關鍵字,但是需要將他們注釋起來,這樣就不會有語法錯誤。
這樣做的目的,只是為了告訴其他編程人員,這些類需要實現什么方法,需要在編程的時候加以注意。但是沒有提供一種驗證方式,這些類是否正確實現了這些接口中的方法,這種方式就是一種文檔化的作法。
2. 屬性驗證(Emulating Interfaces with Attribute Checking)
例子:
復制代碼 代碼如下:
/* interface
Composite {
function add(child);
function remove(child);
function getChild(index);
}
interface FormItem {
function save();
}
*/
var CompositeForm = function(id, method, action) {
this.implementsInterfaces = ['Composite', 'FormItem'];
...
};
...
function addForm(formInstance) {
if(!implements(formInstance, 'Composite', 'FormItem')) {
throw new Error("Object does not implement a required interface.");
}
...
}
// The implements function, which checks to see if an object declares that it
// implements the required interfaces.
function implements(object) {
for(var i = 1; i < arguments.length; i++) {
// Looping through all arguments
// after the first one.
var interfaceName = arguments[i];
var interfaceFound = false;
for(var j = 0; j < object.implementsInterfaces.length; j++) {
if(object.implementsInterfaces[j] == interfaceName) {
interfaceFound = true;
break;
}
}
if(!interfaceFound) {
return false;
// An interface was not found.
}
}
return true;
// All interfaces were found.
}
這種方式比第一種方式有所改進,接口的定義仍然以注釋的方式實現,但是添加了驗證方法,判斷一個類型是否實現了某個接口。
3.鴨子類型(Emulating Interfaces with Duck Typing)
復制代碼 代碼如下:
// Interfaces.
var Composite = new Interface('Composite', ['add', 'remove', 'getChild']);
var FormItem = new Interface('FormItem', ['save']);
// CompositeForm class
var CompositeForm = function(id, method, action) {
...
};
...
function addForm(formInstance) {
ensureImplements(formInstance, Composite, FormItem);
// This function will throw an error if a required method is not implemented.
...
}
// Constructor.
var Interface = function(name, methods) {
if(arguments.length != 2) {
throw new Error("Interface 買粉絲nstructor called with "
+ arguments.length + "arguments, but expected exactly 2.");
}
this.name = name;
this.methods = [];
for(var i = 0, len = methods.length; i < len; i++) {
if(typeof methods[i] !== 'string') {
throw new Error("Interface 買粉絲nstructor expects method names to be "
+ "passed in as a string.");
}
this.methods.push(methods[i]);
}
};
// Static class method.
Interface.ensureImplements = function(object) {
if(arguments.length < 2) {
throw new Error("Function Interface.ensureImplements called with "
+arguments.length + "arguments, but expected at least 2.");
}
for(var i = 1, len = arguments.length; i < len; i++) {
var interface = arguments[i];
if(interface.買粉絲nstructor !== Interface) {
throw new Error("Function Interface.ensureImplements expects arguments&qu
很赞哦!(67397)
相关文章
- tiktok基金提現流程(tiktok基金關閉) 02
- 02 上海外地人落戶政策最新(2022年上海戶口落戶新政策,外地人上海落戶最常見的3種方法!)
- tiktok國際版買粉絲怎么用(在中國tiktok怎么才能用?) 01
- 02 上海外國語小學排名(上海十大民辦小學排名)
- tiktok外網專線怎么辦理(tiktok怎么看嚇人短視頻) 01
- tiktok在幾個國家(tik tok是哪個國家的) 01
- 02 上海外國語學校賢達經濟人文學院(上海外國語大學賢達經濟人文學院是幾本)
- tiktok國際版如何下載注冊(抖音國際版 tiktok如何注冊) 01
- 02 上海外灘東方明珠門票多少錢(去上海外灘需要門票嗎 坐輪渡需要多少費用)
- 02 上海外灘w酒店到虹橋高鐵站(近國際客運中心地鐵站怎么去,上海外灘W酒店的地)
热门文章
站长推荐
02 上海外地車幾點可以上高架2023年(上海高架外牌限行時間2023最新規定)
tiktok國際版官方下載2022蘋果(海外版抖音TikTok運營技巧) 02
02 上海外國語附屬普陀實驗學校幾梯隊(上外普實算第幾梯隊)
02 上海外地戶口單身可以購房嗎(外地戶口單身可以在上海買房嗎?)
tiktok如何改變地區(tiktok更改地區之后發布的內容丟失怎么辦) 01
02 上海外國語賢達人文經濟學院官網2020年招生簡章(上海外國語大學賢達經濟人文學院怎么樣?網上褒貶不一。)
02 上海外地戶籍補辦身份證(上海能補辦外地身份證嗎)
tiktok好看的賬號(誰知道。在哪個網站可以買賣TIKTOK賬號?) 01