国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS 適配器模式

Jeffrrey / 3227人閱讀

摘要：另外，適配器模式和其它幾個模式可能容易讓人迷惑，這里說一下大概的區(qū)別適配器和橋接模式雖然類似，但橋接的出發(fā)點不同，橋接的目的是將接口部分和實現(xiàn)部分分離，從而對他們可以更為容易也相對獨立的加以改變。

1. 簡介

適配器模式（Adapter）是將一個類（對象）的接口（方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個接口（方法或?qū)傩裕m配器模式使得原本由于接口不兼容而不能一起工作的那些類（對象）可以一些工作。

2. 實現(xiàn)

我們來舉一個例子，鴨子（Dock）有飛（fly）和嘎嘎叫（quack）的行為，而火雞雖然也有飛（fly）的行為，但是其叫聲是咯咯的（gobble）。如果你非要火雞也要實現(xiàn)嘎嘎叫（quack）這個動作，那我們可以復(fù)用鴨子的quack方法，但是具體的叫還應(yīng)該是咯咯的，此時，我們就可以創(chuàng)建一個火雞的適配器，以便讓火雞也支持quack方法，其內(nèi)部還是要調(diào)用gobble。

OK，我們開始一步一步實現(xiàn)，首先要先定義鴨子和火雞的抽象行為，也就是各自的方法函數(shù)：

// 鴨子抽象類
var Duck = function(){

};
Duck.prototype.fly = function(){
    throw new Error("該方法必須被重寫!");
};
Duck.prototype.quack = function(){
    throw new Error("該方法必須被重寫!");
}

// 火雞抽象類
var Turkey = function(){

};
Turkey.prototype.fly = function(){
    throw new Error(" 該方法必須被重寫 !");
};
Turkey.prototype.gobble = function(){
    throw new Error(" 該方法必須被重寫 !");
};

然后再定義具體的鴨子和火雞的構(gòu)造函數(shù)，分別為：

//鴨子
var MallardDuck = function () {
    Duck.apply(this);
};
MallardDuck.prototype = new Duck(); //原型是Duck
MallardDuck.prototype.fly = function () {
    console.log("可以飛翔很長的距離!");
};
MallardDuck.prototype.quack = function () {
    console.log("嘎嘎！嘎嘎！");
};

//火雞
var WildTurkey = function () {
    Turkey.apply(this);
};
WildTurkey.prototype = new Turkey(); //原型是Turkey
WildTurkey.prototype.fly = function () {
    console.log("飛翔的距離貌似有點短!");
};
WildTurkey.prototype.gobble = function () {
    console.log("咯咯！咯咯！");
};

為了讓火雞也支持quack方法，我們創(chuàng)建了一個新的火雞適配器TurkeyAdapter：

var TurkeyAdapter = function(oTurkey){
    Duck.apply(this);
    this.oTurkey = oTurkey;
};
TurkeyAdapter.prototype = new Duck();
TurkeyAdapter.prototype.quack = function(){
    this.oTurkey.gobble();
};
TurkeyAdapter.prototype.fly = function(){
    var nFly = 0;
    var nLenFly = 5;
    for(; nFly < nLenFly;){
        this.oTurkey.fly();
        nFly = nFly + 1;
    }
};

該構(gòu)造函數(shù)接受一個火雞的實例對象，然后使用Duck進行apply，其適配器原型是Duck，然后要重新修改其原型的quack方法，以便內(nèi)部調(diào)用oTurkey.gobble()方法。其fly方法也做了一些改變，讓火雞連續(xù)飛5次（內(nèi)部也是調(diào)用自身的oTurkey.fly()方法）。

調(diào)用方法，就很明了了，測試一下便可以知道結(jié)果了：

var oMallardDuck = new MallardDuck();
var oWildTurkey = new WildTurkey();
var oTurkeyAdapter = new TurkeyAdapter(oWildTurkey);

//原有的鴨子行為
oMallardDuck.fly();
oMallardDuck.quack();

//原有的火雞行為
oWildTurkey.fly();
oWildTurkey.gobble();

//適配器火雞的行為（火雞調(diào)用鴨子的方法名稱）
oTurkeyAdapter.fly();
oTurkeyAdapter.quack();
3. 其它應(yīng)用

適配器模式也經(jīng)常用于日常的數(shù)據(jù)處理上，比如把一個有序的數(shù)組轉(zhuǎn)化成我們需要的對象格式：

const arr = ["Javascript", "book", "前端編程語言", "8月1日"]
function arr2objAdapter(arr) {    // 轉(zhuǎn)化成我們需要的數(shù)據(jù)結(jié)構(gòu)
  return {
    name: arr[0],
    type: arr[1],
    title: arr[2],
    time: arr[3]
  }
}

const adapterData = arr2objAdapter(arr)

在前后端的數(shù)據(jù)傳遞的時候會經(jīng)常使用到適配器模式，如果后端的數(shù)據(jù)經(jīng)常變化，比如在某些網(wǎng)站拉取的數(shù)據(jù)，后端有時無法控制數(shù)據(jù)的格式，所以在使用數(shù)據(jù)前最好對數(shù)據(jù)進行適配成我們可用的數(shù)據(jù)格式再使用。

4. 總結(jié)

那合適使用適配器模式好呢？如果有以下情況出現(xiàn)時，建議使用：

使用一個已經(jīng)存在的對象，但其方法或?qū)傩越涌诓环夏愕囊螅?/p>

你想創(chuàng)建一個可復(fù)用的對象，該對象可以與其它不相關(guān)的對象或不可見對象（即接口方法或?qū)傩圆患嫒莸膶ο螅﹨f(xié)同工作；

想使用已經(jīng)存在的對象，但是不能對每一個都進行原型繼承以匹配它的接口。對象適配器可以適配它的父對象接口方法或?qū)傩浴?/p>

另外，適配器模式和其它幾個模式可能容易讓人迷惑，這里說一下大概的區(qū)別：

適配器和橋接模式雖然類似，但橋接的出發(fā)點不同，橋接的目的是將接口部分和實現(xiàn)部分分離，從而對他們可以更為容易也相對獨立的加以改變。而適配器則意味著改變一個已有對象的接口。

裝飾者模式增強了其它對象的功能而同時又不改變它的接口，因此它對應(yīng)程序的透明性比適配器要好，其結(jié)果是裝飾者支持遞歸組合，而純粹使用適配器則是不可能的。

代理模式在不改變它的接口的條件下，為另外一個對象定義了一個代理。

本文是系列文章，可以相互參考印證，共同進步~

JS 抽象工廠模式


JS 工廠模式


JS 建造者模式


JS 原型模式


JS 單例模式


JS 回調(diào)模式


JS 外觀模式


JS 適配器模式


JS 利用高階函數(shù)實現(xiàn)函數(shù)緩存(備忘模式)


JS 狀態(tài)模式


JS 橋接模式


JS 觀察者模式

網(wǎng)上的帖子大多深淺不一，甚至有些前后矛盾，在下的文章都是學(xué)習(xí)過程中的總結(jié)，如果發(fā)現(xiàn)錯誤，歡迎留言指出~

參考：
《Javascript 設(shè)計模式》 - 張榮銘
設(shè)計模式之適配器模式

PS：歡迎大家關(guān)注我的公眾號【前端下午茶】，一起加油吧~

另外可以加入「前端下午茶交流群」微信群，長按識別下面二維碼即可加我好友，備注加群，我拉你入群～

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

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

相關(guān)文章

  • 一天一個設(shè)計模式之JS實現(xiàn)——適配器模式

    摘要：本文參考于設(shè)計模式課程設(shè)計模式之適配器模式設(shè)計模式是一套被反復(fù)使用的多數(shù)人知曉的經(jīng)過分類編目的代碼設(shè)計經(jīng)驗的總結(jié)。第一個設(shè)計模式是適配器模式?？偟膩碚f適配器就是的模式，與修飾模式直接無感使用不同，適配器模式使用對象變?yōu)椤? 本文參考于：設(shè)計模式課程設(shè)計模式之適配器模式 設(shè)計模式是一套被反復(fù)使用的、多數(shù)人知曉的、經(jīng)過分類編目的、代碼設(shè)計經(jīng)驗的總結(jié)。使用設(shè)計模式是為了重用代碼、讓代碼更容易被...

    Aceyclee 評論0 收藏0

  • js設(shè)計模式 --- 適配設(shè)計模式

    摘要：適配模式定義適配器模式將某個類的接口轉(zhuǎn)換成客戶端期望的另一個接口表示，主的目的是兼容性，讓原本因接口不匹配不能一起工作的兩個類可以協(xié)同工作。 適配模式 定義：適配器模式將某個類的接口轉(zhuǎn)換成客戶端期望的另一個接口表示，主的目的是兼容性，讓原本因接口不匹配不能一起工作的兩個類可以協(xié)同工作。原有的兩個類由于接口不一, 需要對其中一個類進行適配包裝, 以供與另外的類進行溝通匹配 實現(xiàn)適配模式...

    Jaden 評論0 收藏0

  • JS 設(shè)計模式 十（適配器模式）

    摘要：適配器模式是指將一個接口轉(zhuǎn)換成客戶端希望的另外一個接口，該模式使得原本不兼容的類可以一起工作。適配器有種角色目標(biāo)抽象角色定義客戶所期待的使用接口。接口源角色需要被適配的接口。接口適配器角色把源接口轉(zhuǎn)換成符合要求的目標(biāo)接口的設(shè)備。 適配器模式 是指將一個接口轉(zhuǎn)換成客戶端希望的另外一個接口，該模式使得原本不兼容的類可以一起工作。舉個例子：macbook pro有一個HDMI接口，一條HDM...

    mochixuan 評論0 收藏0

  • 燜面&適配器

    摘要：門面模式燜面有兩個作用一是簡化類的接口二是消除類與使用他的業(yè)務(wù)代碼之間的耦合他幾乎是所有庫的核心原則通過建立一些便利方法可以讓復(fù)雜系統(tǒng)變得更加簡單易用燜面模式可以使庫提供的工具更加容易理解燜面可以簡化錯誤記錄或者跟蹤頁面視圖統(tǒng)計數(shù)據(jù)這類這類 門面模式 燜面,有兩個作用,一是簡化類的接口;二是消除類與使用他的業(yè)務(wù)代碼之間的耦合.他幾乎是所有 JS 庫的核心原則.通過建立一些便利方法可以讓...

    suemi 評論0 收藏0

  • 從ES6重新認(rèn)識JavaScript設(shè)計模式(四): 適配器模式

    摘要：什么是適配器模式適配器模式將一個類的接口轉(zhuǎn)換成客戶希望的另外一個接口，使得原本由于接口不兼容而不能一起工作的那些類可以一起工作。中的適配器模式在前端項目中，適配器模式的使用場景一般有以下三種情況庫的適配參數(shù)的適配和數(shù)據(jù)的適配。 1 什么是適配器模式 適配器模式(Adapter)：將一個類的接口轉(zhuǎn)換成客戶希望的另外一個接口，使得原本由于接口不兼容而不能一起工作的那些類可以一起工作。 在...

    URLOS 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<