javascript 如何使用ES6语法来创建一个单例

作者: 菜鸟程序员_ | 来源:发表于2017-08-29 20:42 被阅读85次

1,我们创建一个notificationmanager类来管理应用的消息这个类有以下几个方法

QQ截图20170829202632.png

2,在class外面将类导出

export let  notifications = new NotificationManager();

3.接下来我们创建两个 js文件 index.android.js 和 ProfileScreen.js文件
①我们在index.android 中引入 notificationmanager

import  {notifications } from './NotificationManager'

②加入以下代码

QQ截图20170829203406.png

③我们同样在 ProfileScreen也加入以下代码

QQ截图20170829203532.png

接下来我们添加一条信息然后打印日志

QQ截图20170829203741.png

我们进入第二个界面首先先打印下日志

QQ截图20170829203925.png

此时消息管理器中仍然只有一条消息

我们添加一条消息再次打印日志

QQ截图20170829204029.png

此时消息管理器中有两条消息

我们退到第一个界面再次打印日志

QQ截图20170829204140.png

此时消息管理器中有且只有两条信息
可以看到我们实现了JavaScript的单例模式

网友评论

本文标题：javascript 如何使用ES6语法来创建一个单例

本文链接：https://www.haomeiwen.com/subject/bteadxtx.html

javascript 如何使用ES6语法来创建一个单例