<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单工厂模式</title>
<!--简单工厂模式,又叫静态工厂方法,由一个工厂对象决定创建一种产品对象类的实例,只要用来创建同一类对象。-->
<!--使用情况,有很多类的时候,每次创建实例对象还要找到相应的类,太麻烦,
将这些类封装在一个函数里,这样只需要记住这个函数,通过这个函数就可以创建我需要的对象,
不用再关注创建这些对象到底依赖于哪个基类(通过工厂函数传入一个字段,使用switch区分,分别完成创建实例的操作-->
<script>
window.onload=function(){
var basketball=function(){
this.info="篮球盛行于美国";
}
basketball.prototype={
getMember:function(){
console.log("5个人");
},
getBallSize:function(){
console.log("大");
}
}
var football=function(){
this.info="足球盛行于巴西";
}
football.prototype={
getMember:function(){
console.log("11个人");
},
getBallSize:function(){
console.log("小");
}
}
var ballFactor=function(name){//在工厂类中通过传入的name分别进行相应的实例化对象操作
switch(name){
case "basketball":
return new basketball();
case "football":
return new football();
}
}
var test=new ballFactor("basketball");//可以直接操作test
console.log(test);
console.log(test.info);
test.getMember();
console.log("额");
}
</script>
</head>
<body>
<p>按F12打开调试界面</p>
</body>
</html>
javascript设计模式_简单工厂模式
猜你喜欢
转载自blog.csdn.net/CWH0908/article/details/88943580
今日推荐
周排行