Pemahaman mendalam tentang siri JavaScript (22): Penjelasan Terperinci Prinsip Penyongsangan Ketergantungan DIP bagi Lima Prinsip Pengetahuan Asas S.O.L.I.D

Kata Pengantar

Apa yang akan kami jelaskan dalam bab ini ialah yang kelima daripada lima prinsip pelaksanaan bahasa JavaScript S.O.L.I.D, Prinsip Inversi Ketergantungan LSP (Prinsip Pembalikan Ketergantungan).

Teks asal bahasa Inggeris:http://freshbrewedcode.com/derekgreer/2012/01/22/solid-javascript-the-dependency-inversion-principle/
Prinsip Penyongsangan Kebergantungan

Perihalan prinsip penyongsangan kebergantungan ialah:

A. Modul peringkat tinggi tidak harus bergantung pada modul peringkat rendah.
Modul peringkat tinggi tidak boleh bergantung pada modul peringkat rendah, kedua-duanya harus bergantung pada abstraksi

B. Abstraksi tidak boleh bergantung pada butiran.
Abstraksi tidak boleh bergantung pada butiran, butiran harus bergantung pada abstraksi
Isu yang paling penting dengan Prinsip Inversi Ketergantungan adalah untuk memastikan bahawa komponen utama aplikasi atau rangka kerja dipisahkan daripada butiran pelaksanaan komponen peringkat rendah yang tidak penting Ini akan memastikan bahagian paling penting dalam program tidak terjejas oleh perubahan dalam komponen peringkat rendah.

Bahagian pertama prinsip ini adalah mengenai kaedah gandingan antara modul peringkat tinggi dan modul peringkat rendah Dalam seni bina split tradisional, modul peringkat tinggi (merangkumi logik perniagaan teras program) sentiasa bergantung pada beberapa rendah. modul -level (beberapa mata asas ). Apabila menggunakan prinsip penyongsangan kebergantungan, perhubungan diterbalikkan. Tidak seperti modul peringkat tinggi yang bergantung pada modul peringkat rendah, penyongsangan pergantungan menjadikan modul peringkat rendah bergantung pada antara muka yang ditakrifkan dalam modul peringkat tinggi. Sebagai contoh, jika anda ingin mengekalkan data untuk program, reka bentuk tradisional ialah modul teras bergantung pada API modul kegigihan Selepas pembinaan semula mengikut prinsip penyongsangan kebergantungan, modul teras perlu mentakrifkan antara muka API kegigihan. dan kemudian Contoh pelaksanaan kegigihan perlu melaksanakan antara muka API ini yang ditakrifkan oleh modul teras.

Bahagian kedua prinsip menerangkan hubungan yang betul antara abstraksi dan perincian. Untuk memahami bahagian ini, adalah lebih berguna untuk memahami bahasa C, kerana kebolehgunaannya lebih jelas.

Tidak seperti beberapa bahasa yang ditaip secara statik, C tidak menyediakan konsep peringkat bahasa untuk mentakrifkan antara muka kaedah ahli kelas dan pembolehubah yang fail sumber perlu dilaksanakan. Oleh kerana semua pembolehubah dan kaedah persendirian ditakrifkan dalam fail pengepala, ia boleh digunakan untuk mengabstrak butiran pelaksanaan. Ia dilaksanakan dengan mentakrifkan kaedah abstrak sahaja (kelas asas abstrak dalam C Konsep antara muka digunakan untuk melaksanakan kelas.

DIP dan JavaScript

Oleh kerana JavaScript ialah bahasa dinamik, tidak perlu abstrak untuk penyahgandingan. Jadi perubahan yang abstraksi tidak harus bergantung pada butiran tidak mempunyai kesan besar dalam JavaScript, tetapi ia mempunyai kesan besar bahawa modul peringkat tinggi tidak harus bergantung pada modul peringkat rendah.

Apabila membincangkan prinsip penyongsangan kebergantungan dalam konteks bahasa ditaip secara statik, konsep gandingan merangkumi semantik dan fizikal. Maksudnya, jika modul peringkat tinggi bergantung pada modul peringkat rendah, ia bukan sahaja menggandingkan antara muka semantik, tetapi juga menggabungkan antara muka fizikal yang ditakrifkan dalam modul peringkat rendah. Dalam erti kata lain, modul peringkat tinggi bukan sahaja mesti dipisahkan daripada perpustakaan pihak ketiga, tetapi juga daripada modul peringkat rendah asli.

Untuk menjelaskan perkara ini, bayangkan program .NET mungkin mengandungi modul peringkat tinggi yang sangat berguna yang bergantung pada modul kegigihan peringkat rendah. Apabila pengarang perlu menambah antara muka yang serupa pada API kegigihan, tidak kira sama ada prinsip penyongsangan kebergantungan digunakan atau tidak, modul peringkat tinggi tidak boleh digunakan semula dalam program lain tanpa melaksanakan semula antara muka baharu modul peringkat rendah.

Dalam JavaScript, kebolehgunaan prinsip penyongsangan kebergantungan adalah terhad kepada gandingan semantik antara modul peringkat tinggi dan modul peringkat rendah Contohnya, DIP boleh menambah antara muka mengikut keperluan dan bukannya menggandingkan antara muka tersirat yang ditakrifkan oleh peringkat rendah modul.

Untuk memahami perkara ini, mari lihat contoh berikut:

Salin kod Kod adalah seperti berikut:

$.fn.trackMap = fungsi(pilihan) {
    var lalai = {
        /* lalai */
    };
    pilihan = $.lanjutkan({}, lalai, pilihan);

    var mapOptions = {
        pusat: google.maps.LatLng baharu(options.latitud,options.longitud),
        zum: 12,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    },
        peta = google.maps.Map baharu(ini[0], mapOptions),
        pos = google.maps.LatLng baharu(options.latitud,options.longitud);

    var marker = google.maps.Marker baharu({
        jawatan: pos,
        tajuk: options.title,
        ikon: options.icon
    });

marker.setMap(map);

    options.feed.update(function(latitud, longitud) {
        marker.setMap(null);
        var newLatLng = new google.maps.LatLng(latitud, longitud);
        marker.position = newLatLng;
        marker.setMap(peta);
        map.setCenter(newLatLng);
    });

kembalikan ini;
};

var pengemaskini = (fungsi() {
// harta persendirian

    kembali {
        kemas kini: fungsi(panggilan balik) {
            updateMap = panggil balik;
        }
    };
})();

$("#map_canvas").trackMap({
    latitud: 35.044640193770725,
    longitud: -89.98193264007568,
    ikon: 'http://bit.ly/zjnGDe',
    tajuk: 'Nombor Penjejakan: 12345',
    suapan: pengemas kini
});

在上述代码里，有个小型的JS类库将一个DIV转化成Map以便显示当前跟踪位跟踪个DIV转化成Map以便显示当前跟踪位置的位置。依赖：第三方的Google Maps API和Location feed。该feed对象的职责是当icon位置更新的时候调用一个panggilan balik回调（在初始化的时候提供的）并且一个panggilan balik回调（在初始化的时候提供的）并且供的）并且一个公家家家家家家家家家家家家安家家安安安安安家安安安安安家家家店安公店公店公公司公子。是用来渲染界面的。

feed对象的接口可能按照装，也可能没有照装trackMap函数的要求去设计，事实上，事实上。在简单的不同实现，不需要和Peta Google这么依赖。介于trackMap语义上耦合了Google Maps API，如果需要切换不同的地图提供商的话那就不得不对trackMap函数逿信从配不同的pembekal。

🎜象出地图提供商pembekal的接口）进行语义耦合，我们还需要一个适配API Peta Google的一个实现对象，如下是重构后的trackMap函数：

复制代码代码如下:

$.fn.trackMap = fungsi(pilihan) {
var lalai = {
/* lalai */
};

pilihan = $.extend({}, lalai, pilihan);

options.provider.showMap(
Ini[0],
pilihan.latitud,
pilihan.longitud,
options.icon,
options.title);

options.feed.update(fungsi(latitud, longitud) {
options.provider.updateMap(latitud, longitud);
});

kembalikan ini;
};

$("#map_canvas").trackMap({
Latitud: 35.044640193770725,
Longitud: -89.98193264007568,
ikon: 'http://bit.ly/zjnGDe',
Tajuk: 'Nombor Penjejakan: 12345',
Suapan: pengemas kini,
Pembekal: trackMap.googleMapsProvider
});

Dalam versi ini, kami mereka bentuk semula fungsi trackMap dan antara muka pembekal peta yang diperlukan, dan kemudian mengalihkan butiran pelaksanaan ke komponen googleMapsProvider yang berasingan, yang mungkin dibungkus secara bebas ke dalam modul JavaScript yang berasingan. Berikut ialah pelaksanaan googleMapsProvider saya:

Salin kod Kod adalah seperti berikut:

trackMap.googleMapsProvider = (function() {
penanda var, peta;

kembali {
showMap: fungsi(elemen, latitud, longitud, ikon, tajuk) {
var mapOptions = {
pusat: google.maps.LatLng(latitud, longitud) baharu,
zum: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP
},
pos = google.maps.LatLng baharu(latitud, longitud);

peta = google.maps.Map(elemen, mapOptions);

penanda = google.maps.Marker baharu({
jawatan: pos,
tajuk: tajuk,
ikon: ikon
});

marker.setMap(map);
},
kemas kiniMap: function(latitud, longitud) {
            marker.setMap(null);
var newLatLng = new google.maps.LatLng(latitud,longitud);
            marker.position = newLatLng;
            marker.setMap(map);
             map.setCenter(newLatLng);
}
};
})();

Selepas membuat perubahan di atas, fungsi trackMap akan menjadi sangat fleksibel dan tidak perlu bergantung pada API Peta Google Sebaliknya, ia boleh menggantikan penyedia peta lain sesuka hati, yang bermaksud ia boleh menyesuaikan diri dengan mana-mana penyedia peta keperluan program.

Bilakah suntikan pergantungan?

Sedikit tidak relevan Sebenarnya, konsep suntikan kebergantungan sering dikelirukan dengan prinsip penyongsangan kebergantungan Untuk menjelaskan perbezaan ini, kami perlu menerangkan:

Suntikan kebergantungan ialah satu bentuk penyongsangan kawalan khas, yang bermaksud cara komponen memperoleh kebergantungannya. Suntikan kebergantungan bermaksud bahawa kebergantungan diberikan kepada komponen, bukannya komponen yang mendapatkan kebergantungan Ini bermakna mencipta contoh kebergantungan, meminta kebergantungan melalui kilang dan meminta kebergantungan melalui Pencari Perkhidmatan atau permulaan komponen itu sendiri. Prinsip penyongsangan kebergantungan dan suntikan kebergantungan kedua-duanya memfokuskan pada kebergantungan dan digunakan untuk penyongsangan. Walau bagaimanapun, prinsip penyongsangan kebergantungan tidak menumpukan pada cara komponen memperoleh kebergantungan, tetapi hanya pada cara modul peringkat tinggi dipisahkan daripada modul peringkat rendah. Dari satu segi, prinsip penyongsangan kebergantungan ialah satu lagi bentuk penyongsangan kawalan Apa yang diterbalikkan di sini ialah modul yang mentakrifkan antara muka (dari definisi peringkat rendah kepada definisi peringkat tinggi).

Ringkasan

Ini ialah artikel terakhir daripada lima prinsip Dalam lima artikel ini, kami telah melihat cara SOLID dilaksanakan dalam JavaScript. (Nota pakcik: Sebenarnya, saya merasakan walaupun ia agak tidak jelas, dari peringkat lain, prinsip umum sebenarnya adalah sama dalam pelbagai bahasa.)

Pemahaman mendalam tentang siri JavaScript (22): Penjelasan Terperinci Prinsip Penyongsangan Ketergantungan DIP bagi Lima Prinsip Pengetahuan Asas S.O.L.I.D_