Corak reka bentuk JavaScript corak kilang klasik_kemahiran javascript-tutorial js-php.cn

Corak reka bentuk JavaScript corak kilang klasik_kemahiran javascript

WBOY

Lepaskan： 2016-05-16 15:13:50

asal

2650 orang telah melayarinya

1. Konsep model kilang

Corak kilang mentakrifkan antara muka untuk mencipta objek Antara muka ini menentukan kelas mana yang hendak digunakan mengikut subkelas. Corak ini menangguhkan instantiasi kelas kepada subkelas. Subkelas boleh mengatasi kaedah antara muka untuk menentukan jenis objek mereka sendiri (kilang abstrak) semasa mencipta.

Mod ini sangat berguna, terutamanya apabila memberikan nilai kepada proses mencipta objek, seperti bergantung pada banyak fail tetapan. Selain itu, anda akan sering melihat kaedah kilang dalam program, yang digunakan untuk membenarkan subkelas menentukan jenis objek yang perlu dibuat.

2. Peranan dan langkah berjaga-jaga mod kilang

Fungsi mod:

1. Pembinaan objek sangat kompleks - sangat mudah untuk kita memakai kasut, tetapi proses membuat kasut sangat rumit

2. Contoh yang berbeza perlu dibuat bergantung pada persekitaran tertentu - kilang boleh membuat kasut dan pakaian, dan kilang boleh membuat kasut yang saya perlukan (kasut berbeza) dan kemudian menghantarnya ke tempat yang ditetapkan (the tempat boleh berbeza), yang boleh difahami untuk keadaan yang berbeza

3. Mengendalikan sejumlah besar objek kecil dengan atribut yang sama - seperti membeli sepasang kasut, tidak perlu mencari kilang untuk menghasilkannya

Nota:

1 Jangan menyalahgunakan kilang Kadangkala ia hanya menambahkan kerumitan pada kod - seperti yang ditunjukkan dalam 3 di atas

3. Kod corak kilang dan ringkasan praktikal

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//1.工厂应该有厂长来决定运行到底哪条产品线
//2.消费者-》子类
var gongchang = {};
gongchang.chanyifu = function(){
this.gongren = 50;
alert("我们有"+this.gongren);
}
gongchang.chanxie = function(){
this.gongren = 100;
alert("产鞋子");
}
gongchang.yunshu = function(){
this.gongren = 10;
alert("运输");
}
gongchang.changzhang = function(para){
return new gongchang[para]();
}
var me = gongchang.changzhang("chanxie");
alert(me.gongren);
</script>
</body>
</html>

Salin selepas log masuk

Di atas ialah corak kilang reka bentuk JavaScript klasik yang diperkenalkan oleh editor kepada anda. Saya harap ia akan membantu anda!