成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

js設(shè)計(jì)模式 --- 橋接設(shè)計(jì)模式

jsdt / 735人閱讀

摘要：他們兩個互相獨(dú)立，不會影響到對方對于兩個獨(dú)立變化的維度，使用橋接模式再適合不過了。

橋接設(shè)計(jì)模式 
橋接設(shè)計(jì)模式是許多其他設(shè)計(jì)模式的基礎(chǔ),比如裝飾模式, 代理模式都或多或少看到他的影子, 在面向?qū)ο笤O(shè)計(jì)中最重要的一個特點(diǎn)就是繼承, 然而作為拓展類的功能的方式有兩種 -- 繼承和橋接, 橋接用我簡單的理解就是放棄使用繼承的方式拓展類, 而是采用包含另一個具有一定功能的對象來拓展類, 下面來看兩種結(jié)構(gòu)

首先我們假設(shè)有一個需求, 有一個圖形接口, 然后有長方形, 正方形, 圓形等圖形類, 我們需要各種顏色的圖形, 下面用繼承和橋接的方式來實(shí)現(xiàn)這種需求.

繼承

橋接

橋接模式結(jié)構(gòu)

實(shí)現(xiàn)

圖形抽象類

let Shape = function(color) {
  this.color = color;
};
Shape.prototype.setColor = function(color) {
  this.color = color;
};
Shape.prototype.draw = function() {
  new  Error();
}

圖形類

let Rectangle = function (color) {
  Shape.call(this, color);
};
extend(Rectangle, Shape);
Rectangle.prototype.draw = function () {
  color.bepaint("長方形");
};

let Square = function (color) {
  Shape.call(this, color);
};
extend(Square, Shape);
Square.prototype.draw = function () {
  color.bepaint("正方形");
}

let Circle = function (color) {
  Shape.call(this, color);
};
extend(Circle, Shape);
Circle.prototype.draw = function () {
  color.bepaint("圓型");
};

顏色抽象類

let Color = function() {
};
Shape.prototype.bepaint = function() {
  new  Error();
};

顏色類

let Red = function () {
  Color.call(this);
};
extend(Red, Color);
Red.prototype.bepaint = function(shape) {
  console.log("白色的" + shape);
};

let Green = function () {
  Color.call(this);
};
extend(Green, Color);
Green.prototype.bepaint = function(shape) {
  console.log("綠色的" + shape);
};

let Blue = function () {
  Color.call(this);
};
extend(Blue, Color);
Blue.prototype.bepaint = function(shape) {
  console.log("藍(lán)色的" + shape);
};

使用

let red = new Red();

//正方形
let square = new Square();
//紅色的正方形
square.setColor(red);
square.draw();

//長方形
let rectange = new Rectangle();
//紅色長方形
rectange.setColor(red);
rectange.draw();

橋式設(shè)計(jì)適用于一個類存在兩個或多個獨(dú)立變化的維度，且這兩個維度都需要進(jìn)行擴(kuò)展, 
橋接模式實(shí)現(xiàn)了抽象化與實(shí)現(xiàn)化的脫耦。他們兩個互相獨(dú)立，不會影響到對方, 對于兩個獨(dú)立變化的維度，使用橋接模式再適合不過了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/107559.html

相關(guān)文章

  • JS 橋接模式

    摘要：簡介橋接模式將抽象部分與它的實(shí)現(xiàn)部分分離，使它們都可以獨(dú)立地變化。同時橋接模式也有自己的缺點(diǎn)大量的類將導(dǎo)致開發(fā)成本的增加，同時在性能方面可能也會有所減少。 1. 簡介 橋接模式（Bridge）將抽象部分與它的實(shí)現(xiàn)部分分離，使它們都可以獨(dú)立地變化。其實(shí)就是函數(shù)的封裝，比如要對某個DOM元素添加color和backgroundColor，可以封裝個changeColor函數(shù)，這樣可以在多個...

    chemzqm 評論0 收藏0

  • 一個例子了解什么是橋接模式

    摘要：更多前端技術(shù)和知識點(diǎn)，搜索訂閱號菌訂閱橋接模式實(shí)際上就是將邏輯抽象和具體的實(shí)現(xiàn)分離。以追加字符串到文件中為例代碼從變?yōu)樯厦娲a是讀取某個文件并在文件中追加字符串，最后調(diào)用回調(diào)函數(shù)。請關(guān)注我的訂閱號，不定期推送有關(guān)的技術(shù)文章，只談技術(shù)不談八卦 showImg(https://segmentfault.com/img/remote/1460000020002974?w=640&h=426)...

    muzhuyu 評論0 收藏0

  • 橋接&組合

    摘要：橋接實(shí)現(xiàn)的時候橋接模式非常有用可能正是由于這個該模式使用地不夠廣泛在設(shè)計(jì)時該模式可以弱化與使用它的類和對象之間的耦合該模式的作用在于將抽象與其實(shí)現(xiàn)隔離開讓他們獨(dú)立變化而且對于事件驅(qū)動編程有許多好處有以及其他基于動作的方法無論它們是用來創(chuàng)建鼓 橋接 實(shí)現(xiàn) API 的時候,橋接模式非常有用,可能正是由于這個,該模式使用地不夠廣泛.在設(shè)計(jì) js API 時,該模式可以弱化API 與使用它的類...

    yuanxin 評論0 收藏0

  • JS 適配器模式

    摘要：另外，適配器模式和其它幾個模式可能容易讓人迷惑，這里說一下大概的區(qū)別適配器和橋接模式雖然類似，但橋接的出發(fā)點(diǎn)不同，橋接的目的是將接口部分和實(shí)現(xiàn)部分分離，從而對他們可以更為容易也相對獨(dú)立的加以改變。 1. 簡介 適配器模式（Adapter）是將一個類（對象）的接口（方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個接口（方法或?qū)傩裕?，適配器模式使得原本由于接口不兼容而不能一起工作的那些類（對象）可以一...

    Jeffrrey 評論0 收藏0

  • 設(shè)計(jì)模式之橋接模式

    摘要：橋接模式中的所謂脫耦，就是指在一個軟件系統(tǒng)的抽象化和實(shí)現(xiàn)化之間使用關(guān)聯(lián)關(guān)系組合或者聚合關(guān)系而不是繼承關(guān)系，從而使兩者可以相對獨(dú)立地變化，這就是橋接模式的用意。 0x01.定義與類型 定義：將抽象部分與它的具體實(shí)現(xiàn)部分分離，使它們都可以獨(dú)立地變化。 橋接模式將繼承關(guān)系轉(zhuǎn)化成關(guān)聯(lián)關(guān)系，它降低了類與類之間的耦合度，減少了系統(tǒng)中類的數(shù)量，也減少了代碼量。 橋接模式中的所謂脫耦，就是指在一個軟...

    kycool 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<