文档章节

JavaScript单例模式和实例化的示例

独鸣在彼岸
 独鸣在彼岸
发布于 2016/11/30 22:28
字数 212
阅读 26
收藏 0

单例模式:

注意写法中single后面是一个代码块,后面代码块中的属性通过逗号","而不是";"进行分隔。属性的赋值也不是等号,而是冒号。

var single = {
  attr_1: 1, 
  func:function(){
    console.log(this.attr_1);
  }
};

可在chrome浏览器的console中进行测试,输入代码时通过Shift+Enter键换行。执行的效果如图:

实例化:通过function定义一个伪类,因为在JavaScript中是没有类的概念的,然后通过接收不同的参数进行伪类的实例化。注意function中属性的写法是this.的形式。

function class_A(param){
  this.attr_1 = param; 
  this.func_1 = function(){
    console.log(this.attr_1);
  }
};
var instance_1 = new class_A(3);

执行后的效果如下图所示,通过传入不同的参数就能够得到不同的实例。

 

 

 

 

© 著作权归作者所有

共有 人打赏支持
独鸣在彼岸
粉丝 4
博文 228
码字总数 35784
作品 0
广州
JavaScript设计模式系列三之单例模式(附案例源码)

文章初衷 设计模式其实旨在解决语言本身存在的缺陷 目前javaScript一些新的语法特性已经集成了一些设计模式的实现, 大家在写代码的时候,没必要为了用设计模式而去用设计模式, 那么我这边为什...

小钱钱阿圣
2017/09/22
0
0
javascript 设计模式之工厂(Factory)模式

工厂模式介绍 工厂模式是一个创建型的模式,主要就是创建对象。其中工厂模式又分为简单工厂模式和抽象工厂模式。简单工厂模式是通过工厂方法确定创建 对应类型的对象。抽象工厂模式是通过子类...

hlxiong
2014/04/14
0
0
web前端进阶之js设计模式篇——上

设计模式,从设计到模式 设计:设计原则(统一指导思想) 模式:通过概念总结出的一些模板,可以效仿的固定式的东西(根据指导思想结合开发经验,总结出固定的样式或模板) 按类型分 创建型(...

jia林
08/05
0
0
JavaScript 中常见设计模式-单例模式

     单例模式两个条件   确保只有一个实例   可以全局访问   适用   适用于弹框的实现,全局缓存   实现单例模式      JavaScript 中的单例模式   因为 JavaScript 是无...

webstack前端栈
05/19
0
0
JavaScript设计模式之观察者模式

前言 准备研究一下MVVM的一些东西,由于MVVM运用了观察者模式的思想,因此翻开了《JavaScript设计模式与开发实践》一书,将观察者模式学习了一遍,顺便有对一些常用的设计模式进行一些了解,...

Srtian
05/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Swift-系统默认UICollectionViewController的基本用法

不用xib创建时,需要重写 override init(collectionViewLayout layout: UICollectionViewLayout){} 在调用时需传 UICollectionViewLayout值,不然就会报错 let layout = UICollectionViewFlow......

west_zll
17分钟前
1
0
Spring Boot 最核心的 3 个注解详解

最近面试一些 Java 开发者,他们其中有些在公司实际用过 Spring Boot, 有些是自己兴趣爱好在业余自己学习过。然而,当我问他们 Spring Boot 最核心的 3 个注解是什么,令我失望的是鲜有人能答...

Java技术栈
17分钟前
4
0
Sqoop 增量导入导出及Job操作示例

增量导入 递增列的增量导入append # 第一次导入[root@node222 ~]# /usr/local/sqoop-1.4.7/bin/sqoop import --connect jdbc:mysql://192.168.0.200:3306/sakila?useSSL=false --table ac......

PeakFang-BOK
24分钟前
2
0
Thread中断的理解

★中断的理解:1)中断可以理解为线程的一个标识位属性;2)表示一个运行中的线程是否被其他线程进行了中断操作 中断好比其他线程向该线程打了个招呼,其他线程通过调用该线程的interrupt()...

karma123
31分钟前
2
0
App store 侵权投诉

App Store Content Dispute 侵权投诉 https://www.apple.com/legal/internet-services/itunes/appstorenotices/#?lang=zh...

壹峰
55分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部