JavaScript设计模式之-----工厂模式
来源:互联网 发布:云计算标准和应用大会 编辑:程序博客网 时间:2024/05/22 06:52
// 简单工厂模式 由一个工厂对象决定创建某一种产品对象的实例。主要用来创建同一类对象// 简单工厂模式的理念 就是创建对象 或创建 相似对象// 篮球类的基类var Baseketball = function () { this.intro = '篮球盛行于美国';};Baseketball.prototype = { getMenber: function () { console.log('每个队伍需要5名队员') }, getBallSize: function () { console.log('篮球很大') }};// 足球类的基类var Football = function () { this.intro = '足球在世界各地都很流行';};Football.prototype = { getMenber: function () { console.log('每个队伍需要11名队员') }, getBallSize: function () { console.log('足球很大') }};// 网球类的基类var Tennis = function () { this.intro = '每年有很多网球比赛';};Tennis.prototype = { getMenber: function () { console.log('每个队伍需要2名队员') }, getBallSize: function () { console.log('网球很小') }};// 运动工厂var SportsFactory = function (name) { switch (name) { case 'NBA': return new Baseketball(); case 'wordCup': return new Football(); case 'FrenchOpen': return new Tennis(); }};var footnall = SportsFactory('NBA');console.log(footnall.intro);function createBook(name, time, type) { var o = new Object(); o.name = name; o.time = time; o.type = type; o.getName = function () { console.log(this.name) }; return o;}var book1 = createBook('js book', 2014, 'js');var book2 = createBook('css book', 2014, 'css');book1.getName();book2.getName();// 广告展示demovar Java = function (content) { // 将内容保存在content里面以备日后使用 this.content = content; // 创建对象时,通过闭包,直接执行,将内容按照需求的样式直接插入到页面 (function (content) { var div = document.createElement('div'); div.innerHTML = content; div.style.color = 'green'; document.getElementById('container').appendChild(div); })(content);};// 创建php 学科类var Php = function (content) { // 将内容保存在content里面以备日后使用 this.content = content; // 创建对象时,通过闭包,直接执行,将内容按照需求的样式直接插入到页面 (function (content) { var div = document.createElement('div'); div.innerHTML = content; div.style.color = 'yellow'; document.getElementById('container').appendChild(div); })(content);};// 学科工厂类function JobFactory(type, content) { switch (type) { case 'java': return new Java(content); case 'php': return new Php(content); }}JobFactory('java', 'java学习哪里好');/* * 安全模式类 * 防止类实例化的时候 没有使用new 造成的错误 * */var Demo = function () { if (!(this instanceof Demo)) { return new Demo(); }};Demo.prototype = { show: function () { console.log('show') }};var d = new Demo();var d = Demo();d.show();/* * ★★★★★ 安全的工厂方法 ★★★★★ 简单工厂模式应用太局限 * 通过工厂方法模式 我们可以轻松创建多个类的实例对象,这样工厂方法对象在创建对象的方式也避免使用者与对象类之间的耦合,用户不必关系创建对象的具体类,只需要调用工厂方法即可 * */// 安全模式创建的工厂类var Factory = function (type, content) { if (this instanceof Factory) { return new this[type](content); } else { return new Factory(type, content); }};// 工厂模型中设置创建所有类型数据对象的基类Factory.prototype = { Java: function (content) { console.log(content) }, JavaScript: function (content) { console.log(content) }, Php: function (content) { console.log(content) }};var data = [ {type: 'Java', content: 'Java哪家强'}, {type: 'JavaScript', content: 'JavaScript哪家强'}, {type: 'Php', content: 'Php哪家强'}];for (var i = 0, len = data.length; i < len; i++) { Factory(data[i].type, data[i].content)}
阅读全文
0 0
- javascript设计模式之工厂(Factory)模式
- javascript设计模式之工厂(Factory)模式
- javascript设计模式之工厂(Factory)模式
- javascript设计模式之工厂模式
- JavaScript设计模式之-----工厂模式
- javascript设计模式-----工厂模式
- javascript设计模式 工厂模式
- javascript 设计模式-工厂模式
- JavaScript之工厂模式
- javascript之工厂模式
- 05.Javascript设计模式之工厂模式----Factory
- 设计模式之工厂模式
- 设计模式之工厂模式
- 设计模式之工厂模式
- 设计模式之工厂模式
- 设计模式之工厂模式
- 设计模式之工厂模式
- 设计模式之---工厂模式
- 面试题综合
- oracle 中to_char 和to_date函数
- 机器学习笔记-集成学习之Bagging,Boosting,随机森林三者特性对比
- User defined hash in C++
- oracle用户管理
- JavaScript设计模式之-----工厂模式
- zepto.js源码解读(一):初窥全貌
- windows下hiredis使用
- 恶意代码分析实战 Lab 7-2 习题笔记
- IDL read table from a .txt file
- 安卓7.0关机流程(显示)
- 分布式与集群
- 跨域请求jsonp与cors
- Codeforces Round #243 (Div. 2)