js之单例模式
单例模式是指一个类,只有一个实例。实现的思路是,创建实例时候加判断,如果有实例则返回,如果没有就new一个,并返回。
第一步: 创建类。
function Waiter(id, name, salary) { // 创建了一个Waiter类
Employees.call(this, id, name, salary) // 这里Waiter继承了Employees,Employees是个父类,也可以没有
}
Waiter.prototype = Object.create(Employees.prototype);
Waiter.prototype.constructor= Waiter;
Waiter.prototype.work = function (arg) { // 重写原型上的方法
if (arg instanceof Array){ //数组的话,记录点菜
console.log('finish order dish $记录work');
return this;
} else { //上菜行为
console.log('finish serving a dish $记录work')
}
};
// cook调用的方法,返回菜单
Waiter.prototype.tellCookTheMenu = function () {
return this.menu;
};
// cook调用的方法,拿到做好的菜
Waiter.prototype.serving = function () {
this.work();// 上菜行为
this.customer.eat();
};
第二步:使用return结果,这里有判断。
return {
name: 'waiter',
getWaiterInstance: function (...arg) {
if (!waiter) {
waiter = new Waiter(...arg)
}
return waiter;
}
}
第三部:将1、2整合
//服务员 单例
var waiterSingle = (function () { // 是一个立即执行函数,并将执行的结果赋值给waiterSingle
var waiter = null; // 实例存在这个变量里
function Waiter(id, name, salary) {
Employees.call(this, id, name, salary)
}
Waiter.prototype = Object.create(Employees.prototype);
Waiter.prototype.constructor= Waiter;
Waiter.prototype.work = function (arg) { // 重写原型上的方法
if (arg instanceof Array){ //数组的话,记录点菜
console.log('finish order dish $记录work');
return this;
} else { //上菜行为
console.log('finish serving a dish $记录work')
}
};
// cook调用的方法,返回菜单
Waiter.prototype.tellCookTheMenu = function () {
return this.menu;
};
// cook调用的方法,拿到做好的菜
Waiter.prototype.serving = function () {
this.work();// 上菜行为
this.customer.eat();
}; // 从顾客order方法,拿到点的菜
Waiter.prototype.getMenu = function (arg) {
this.customer = arg;
this.menu = arg.dish;
console.log('waiter get the menu', this.menu);
return this;
}; return {
name: 'waiter',
getWaiterInstance: function (...arg) {
if (!waiter) { // 判断如果waiter里没有,则new,并赋值给waiter
waiter = new Waiter(...arg)
}
return waiter;
}
}
})();
第四步:创建实例方式
var waiter = waiterSingle.getWaiterInstance(2, 'Lucy', 5000);
js之单例模式的更多相关文章
- JS实现单例模式的多种方案
JS实现单例模式的多种方案 今天在复习设计模式中的-创建型模式,发现JS实现单例模式的方案有很多种,稍加总结了一下,列出了如下的6种方式与大家分享 大体上将内容分为了ES5(Function)与ES6 ...
- JS的单例模式
维基百科对单例模式的介绍如下: 在应用单例模式时,生成单例的类必须保证只有一个实例的存在,很多时候整个系统只需要拥有一个全局对象,才有利于协调系统整体的行为.比如在整个系统的配置文件中,配置数据有一个 ...
- 2.js模式-单例模式
1. 单例模式 单例模式的核心是确保只有一个实例,并提供全局访问. function xx(name){}; Singleton.getInstance = (function(){ var inst ...
- js设计模式-单例模式
JavaScript中的单例模式是最常用的.最基本的设计模式,它提供了一种命名空间,减少全局变量泛滥的代码管理机制: 1.最常见的单例模式: [javascript] view plain cop ...
- JS设计模式——单例模式剖析
转载于原文地址:https://blog.csdn.net/q1056843325/article/details/52933426 举一个通俗的例子,在页面中点击登录按钮,弹出了一个登录浮窗,这个登 ...
- [js]js设计模式-单例模式
单例模式 不同模块之间需要同时开发, // 单例模式: 把描述同一个事物的属性和方法放在同一个内存空间下. // 优点: 分组,防止冲突 // p1 p2也叫做命名空间(模块开发) var p1 = ...
- js 设计模式——单例模式
单例模式 保证一个类仅有一个实例,并提供一个访问它的全局访问点. 单例模式是一种常用的模式,有一些对象我们往往只需要一个,比如线程池.全局缓存.浏览器中的 window 对象等. JavaScript ...
- [转]JS设计模式-单例模式(二)
单例模式是指保证一个类仅有一个实例,并提供一个访问它的全局访问点. 单例模式是一种常用的模式,有一些对象往往只需要一个,比如线程池.全局缓存.浏览器中的window对象等.在javaScript开发中 ...
- js之 单例模式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- 剑指offer面试题16:反转链表
题目:定义一个函数,输入一个链表的头结点,反转该链表并输出反转后的链表的头结点.解题思路:单向链表只能实现单向遍历,改变链表方向就是要把当前链表的节点指向它的前一个节点,一旦当前链表指向发生了变化,就 ...
- 816. Ambiguous Coordinates
We had some 2-dimensional coordinates, like "(1, 3)" or "(2, 0.5)". Then, we re ...
- Java学到什么程度才能叫精通?
把下面这些内容掌握以后,你就可以自诩精通Java后端了. 1 计算机基础 这部分内容是计算机相关专业同学的课程,但是非科班的小伙伴(譬如在下)就需要花时间恶补了. 特别 是计算机网络,操作系统 ...
- 3.CursorAdapter
会话页面 点击菜单时编辑的按钮显示,其余的时候gone ConversationUI public class ConversationUI extends Activity implements ...
- 跟繁琐的命令行说拜拜!Gerapy分布式爬虫管理框架来袭!
背景 用 Python 做过爬虫的小伙伴可能接触过 Scrapy,GitHub:https://github.com/scrapy/scrapy.Scrapy 的确是一个非常强大的爬虫框架,爬取效率高 ...
- Java核心技术卷一基础知识-第9章-Swing用户界面组件-读书笔记
第9章 Swing用户界面组件 本章内容: * Swing与模型-视图-控制器设计模式 * 布局管理概述 * 文本输入 * 选择组件 * 菜单 * 复杂的布局管理 * 对话框 本章将介绍构造功能更加齐 ...
- Java数据库操作(MySQL与SQLserver)
在java编程开发中,数据库的开发是重头戏. MySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,目前属于 Oracle 旗下产品: SQL Server是由Microsoft开发 ...
- python(leetcode)-重复元素算法题
leetcode初级算法 问题描述 给定一个整数数组,判断是否存在重复元素. 如果任何值在数组中出现至少两次,函数返回 true.如果数组中每个元素都不相同,则返回 false. 该问题表述非常简单 ...
- kibana6.2.4版本更新x-pack认证
我在上一次介绍了如何安装时基本使用elk留下了一个问题,这次来解决这个问题,相必大家也想知道,接下来就看详细过程. 上次说到,直接看图吧. 因为x-pack是收费的,所以试用期只有一个月.长期使用就必 ...
- Spring的后处理器-BeanPostProcessor跟BeanFactoryPostProcessors
最近在重读spring源码(为什么要重读?因为不得不承认,去年跟着<深入解析sping源码>一书过了一遍spring的源码,除了满脑袋都是各种BeanFactory跟BeanDefinit ...