Mod mediator corak reka bentuk javascript Kemahiran mediator

Rumah

hujung hadapan web

tutorial js

Mod mediator corak reka bentuk javascript Kemahiran mediator_javascript

May 16, 2016 pm 04:23 PM

javascript corak perantara corak reka bentuk

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();

}