Rumah hujung hadapan web tutorial js Mod mediator corak reka bentuk javascript Kemahiran mediator_javascript

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

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

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

二,源码案例参考

我们应该很熟悉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.提高系统的灵活性,使得系统易于扩展和维护。

使用中介者模式的缺点:

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

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Perbezaan antara corak reka bentuk dan corak seni bina dalam rangka kerja Java Perbezaan antara corak reka bentuk dan corak seni bina dalam rangka kerja Java Jun 02, 2024 pm 12:59 PM

Dalam rangka kerja Java, perbezaan antara corak reka bentuk dan corak seni bina ialah corak reka bentuk mentakrifkan penyelesaian abstrak kepada masalah biasa dalam reka bentuk perisian, memfokuskan pada interaksi antara kelas dan objek, seperti corak kilang. Corak seni bina mentakrifkan hubungan antara struktur sistem dan modul, memfokuskan pada organisasi dan interaksi komponen sistem, seperti seni bina berlapis.

Analisis Corak Penghias dalam Corak Reka Bentuk Java Analisis Corak Penghias dalam Corak Reka Bentuk Java May 09, 2024 pm 03:12 PM

Corak penghias ialah corak reka bentuk struktur yang membolehkan penambahan dinamik fungsi objek tanpa mengubahsuai kelas asal. Ia dilaksanakan melalui kerjasama komponen abstrak, komponen konkrit, penghias abstrak dan penghias konkrit, dan boleh mengembangkan fungsi kelas secara fleksibel untuk memenuhi keperluan yang berubah-ubah. Dalam contoh ini, penghias susu dan mocha ditambahkan pada Espresso untuk jumlah harga $2.29, menunjukkan kuasa corak penghias dalam mengubah suai gelagat objek secara dinamik.

Penggunaan indah corak penyesuai dalam corak reka bentuk Java Penggunaan indah corak penyesuai dalam corak reka bentuk Java May 09, 2024 pm 12:54 PM

Corak Penyesuai ialah corak reka bentuk struktur yang membolehkan objek yang tidak serasi berfungsi bersama Ia menukar satu antara muka kepada yang lain supaya objek boleh berinteraksi dengan lancar. Penyesuai objek melaksanakan corak penyesuai dengan mencipta objek penyesuai yang mengandungi objek yang disesuaikan dan melaksanakan antara muka sasaran. Dalam kes praktikal, melalui mod penyesuai, pelanggan (seperti MediaPlayer) boleh memainkan media format lanjutan (seperti VLC), walaupun ia sendiri hanya menyokong format media biasa (seperti MP3).

Analisis kes praktikal corak reka bentuk PHP Analisis kes praktikal corak reka bentuk PHP May 08, 2024 am 08:09 AM

1. Corak kilang: Asingkan penciptaan objek dan logik perniagaan, dan cipta objek jenis tertentu melalui kelas kilang. 2. Corak pemerhati: membenarkan objek subjek memberitahu objek pemerhati tentang perubahan keadaan mereka, mencapai gandingan longgar dan corak pemerhati.

Bagaimana corak reka bentuk menangani cabaran penyelenggaraan kod Bagaimana corak reka bentuk menangani cabaran penyelenggaraan kod May 09, 2024 pm 12:45 PM

Corak reka bentuk menyelesaikan cabaran penyelenggaraan kod dengan menyediakan penyelesaian yang boleh digunakan semula dan boleh diperluas: Corak Pemerhati: Membenarkan objek melanggan acara dan menerima pemberitahuan apabila ia berlaku. Corak Kilang: Menyediakan cara terpusat untuk mencipta objek tanpa bergantung pada kelas konkrit. Corak Singleton: memastikan bahawa kelas hanya mempunyai satu contoh, yang digunakan untuk mencipta objek yang boleh diakses secara global.

Corak Reka Bentuk PHP: Pembangunan Dipacu Ujian dalam Amalan Corak Reka Bentuk PHP: Pembangunan Dipacu Ujian dalam Amalan Jun 03, 2024 pm 02:14 PM

TDD digunakan untuk menulis kod PHP berkualiti tinggi Langkah-langkahnya termasuk: menulis kes ujian, menerangkan fungsi yang diharapkan dan menjadikannya gagal. Tulis kod supaya hanya kes ujian lulus tanpa pengoptimuman yang berlebihan atau reka bentuk terperinci. Selepas kes ujian lulus, optimumkan dan faktorkan semula kod untuk meningkatkan kebolehbacaan, kebolehselenggaraan dan kebolehskalaan.

Apakah kelebihan dan kekurangan menggunakan corak reka bentuk dalam rangka kerja java? Apakah kelebihan dan kekurangan menggunakan corak reka bentuk dalam rangka kerja java? Jun 01, 2024 pm 02:13 PM

Kelebihan menggunakan corak reka bentuk dalam rangka kerja Java termasuk: kebolehbacaan kod yang dipertingkatkan, kebolehselenggaraan dan kebolehskalaan. Kelemahan termasuk kerumitan, overhed prestasi dan keluk pembelajaran yang curam akibat penggunaan berlebihan. Kes praktikal: Mod proksi digunakan untuk malas memuatkan objek. Gunakan corak reka bentuk dengan bijak untuk memanfaatkan kelebihannya dan meminimumkan kelemahannya.

Aplikasi corak reka bentuk dalam rangka kerja Guice Aplikasi corak reka bentuk dalam rangka kerja Guice Jun 02, 2024 pm 10:49 PM

Rangka kerja Guice menggunakan beberapa corak reka bentuk, termasuk: Corak Singleton: memastikan kelas hanya mempunyai satu tika melalui anotasi @Singleton. Corak kaedah kilang: Cipta kaedah kilang melalui anotasi @Provides dan dapatkan contoh objek semasa suntikan pergantungan. Mod strategi: Bungkus algoritma ke dalam kelas strategi yang berbeza dan nyatakan strategi khusus melalui anotasi @Named.

See all articles