Mod mediator corak reka bentuk javascript Kemahiran mediator

1. Ringkasan keseluruhan

1, penulis membincangkan secara ringkas

Mari kita ambil analogi ringkas dari kehidupan seharian Kami pergi ke agensi perumahan untuk menyewa sebuah rumah. Seorang penyewa tidak kisah dari rumah siapa dia menyewa. Tuan rumah juga tidak peduli dengan siapa dia menyewa. Kerana kewujudan perantara, transaksi ini menjadi begitu mudah.

Dalam proses pembangunan perisian, anda pasti akan menghadapi situasi di mana berbilang kelas atau subsistem berinteraksi antara satu sama lain, dan interaksi itu sangat menyusahkan, menyebabkan setiap kelas perlu mengetahui kelas yang perlu berinteraksi dengannya, supaya gandingan mereka akan kelihatan sangat berkuasa. Jika satu pergerakan menjejaskan seluruh badan, akibatnya akan menjadi sangat marah! ~~~~(>_<)~~~~

Baiklah, sekarang setelah persoalan itu ditimbulkan, mari kita jemput protagonis kita dalam isu ini—mod perantara

Fungsi mediator adalah untuk merangkum interaksi antara objek. Jika pengendalian objek akan menyebabkan perubahan pada objek berkaitan lain, dan objek itu tidak mahu mengendalikan perhubungan ini dengan sendirinya, maka anda boleh mencari perantara dan biarkan ia mengendalikan perhubungan yang menyusahkan ini. Lihat contoh kecil di bawah:

Salin kod Kod adalah seperti berikut:

var Peserta = fungsi(nama) {

    this.name = nama;

    this.chatroom = null;

};

Peserta.prototaip = {

    hantar: fungsi(mesej, kepada) {

        this.chatroom.send(message, this, to);

    },

    terima: fungsi(mesej, daripada) {

        log.add(from.name " to " this.name ": " message);

    }

};

var Bilik Sembang = function() {

    var peserta = {};

    kembali {

        daftar: fungsi(peserta) {

            peserta[participant.name] = peserta;

            participant.chatroom = ini;

        },

        hantar: fungsi(mesej, dari, kepada) {

            jika (kepada) {                   

                untuk.terima(mesej, daripada);    

            } lain {                     

                untuk (masukkan peserta) {   

                    jika (peserta[kunci] !== daripada) {

                        peserta[kunci].terima(mesej, daripada);

                    }

                }

            }

        }

    };

};

var log = (function() {

    var log = "";

    kembali {

        add: function(msg) { log = msg "n"; },

        tunjukkan: function() { alert(log); log = ""; }

    }

})();

function run() {

    var yoko = Peserta baharu("Yoko");

    var john = Peserta baharu("John");

    var paul = Peserta baharu("Paul");

    var ringo = Peserta baharu("Ringo");

    var bilik sembang = Bilik Sembang baharu();

    bilik sembang.daftar(yoko);

    bilik sembang.daftar(john);

    bilik sembang.daftar(paul);

    bilik sembang.daftar(ringo);

    yoko.send("Apa yang anda perlukan hanyalah cinta.");

    yoko.send("Saya sayang awak John.");

    john.send("Hei, tak perlu siarkan", yoko);

    paul.send("Ha, saya dengar!");

    ringo.send("Paul, apa pendapat awak?", paul);

    log.show();

}

在示例代码中我们有四个参与者，加入聊天会话通过注册一个聊天室住／的参与对象的代表。参与者相互发送消息和聊天室的处理路由。

这里的聊天室对象就起到了中介的作用，协调其他的对象，进行合理的组仇，降调其他的对象，进行合理的组廇，降琇，降调其他的对象，进行合理的组仇，降仇。

二，源码案例参考

我们应该很熟悉MVC三层模型实体模型（Model）、视图表现层（View）还有型实体模型（Model）、视图表现层（View）还有掜）还有掜（Control 。 🎜一个应用。

三，案例引入

复制代码代码如下:

fungsi Pemain(nama) {
    ini.mata = 0;
    this.name = nama;
}
Player.prototype.play = fungsi () {
    ini.mata = 1;
    mediator.played();
};
var papan mata = {
    element:document.getElementById('results'),
    kemas kini:fungsi (skor) {
        var i, msg = '';
        untuk (i dalam markah) {
            jika (skor.mempunyaiHartanahSendiri(i)) {
                msg = '

' i ': ';
msg = markah[i];
msg = '

';
            }
        }
        this.element.innerHTML = msg;
    }
};
var mediator = {
    pemain:{},
    persediaan:fungsi () {
        var players = this.players;
        players.home = new Player('Home');
        players.guest = Pemain baharu('Tetamu');
    },
    dimainkan:fungsi () {
        var player = this.players,
                markah = {
                    Laman Utama:players.home.points,
                    Tetamu:players.guest.points
                };
        papan markah.kemas kini(skor);
    },
    tekan kekunci:fungsi (e) {
        e = e || tingkap.acara;
        jika (e.yang === 49) {
            mediator.players.home.play();
            kembali;
        }
        jika (e.yang === 48) {
            mediator.players.guest.play();
            kembali;
        }
    }
};
mediator.setup();
window.onkeypress = mediator.keypress;
setTimeout(fungsi () {
    window.onkeypress = null;
    console.log('Permainan tamat!');
}, 30000);

四，总结一下

Mengapa Pengantara ?

各个对象之间的交互操作非常多，每个对象的行为操作都依赖彼此对方彼此对方彼此对方，修个对象的行为操作都依赖彼此对方彼此对方彼此对方彼此对方彼此对方，修且同时会涉及到修改很多其他对象的行为，

如果使用Mediator模式，可以使各个对象间的耦合松散,只需关心和 Mediator的关系,使多的关系,使多的关系,使多家对多的关系，

可以降低系统的复杂性，提高可修改扩展性。

使用中介者模式的场合

1.一组定义良好的对象，现在要进行复杂的通信。

2.定制一个分布在多个类中的行为，而又不想生成太多的子类。

可以看出，中介对象主要是用来封装行为的，行为的参与者就是那些就是那些对象，使使他们，使他们他们了些对象不用相互知道。（迪米特法则的具体实现）

使用中介者模式的优点：

1.降低了系统对象之间的耦合性，使得对象易于独立的被复用。

2.提高系统的灵活性，使得系统易于扩展和维护。

使用中介者模式的缺点：

中介者模式的缺点是显而易见的，因为这个“中介“承担了较多的责任，所以一一现了问题，那么整个系统就会受到重大的影响。

Label berkaitan：

javascript 中介者模式设计模式

sumber：php.cn

Artikel sebelumnya：Pengenalan kepada 3 kaedah melintasi sifat objek dalam kemahiran JavaScript_javascript Artikel seterusnya：Selesaikan kemahiran ueditor jquery javascript problem_javascript

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang