es6实现单例模式 class类 静态方法

es6的 class类 又被叫做es5 构造函数的语法糖

先看看es5怎么用构造函数实现类：

function Person(name, gender) {
this.name = name
this.gender = gender
}
Person.prototype.say = function() {
console.log('I am the say function inside Person')
}
let person1 = new Person('Dean', 'male')
console.log(person1.name)
person1.say()

再看看es6怎么实现类：

class Person {
constructor(name, gender) {
this.name = name
this.gender = gender
}
say() {
console.log('I am the say function inside class Person')
}
}
let person1 = new Person('Jing', 'female')
console.log(person1.name)
person1.say()

我们再看一下这行代码：

说明es6 class类确实是es5构造函数的语法糖

接着我们看看es6如何实现单例模式

这里不得不引入一个概念，静态方法static：

静态方法static通俗的说就是只有类自己可以调用的方法，类的实例对象是不能调用类的静态方法static的

class WarMachine {
constructor(name, attackValue, type) {
this.name = name
this.attackValue = attackValue
this.type = type
}
static getInstance(name, attackValue, type) {
if (!this.instance) {
this.instance = new WarMachine(name, attackValue, type)
}
return this.instance
}
}
let wm1 = WarMachine.getInstance('TropperD', 100, 'aircraft')
let wm2 = WarMachine.getInstance('StormBreaker', 199, 'submarine')
console.log(61, wm1 === wm2)
console.log('wm1', wm1)
console.log('wm2', wm2)
console.log(64, wm1 === wm2)
console.log('----------')
let wm3 = new WarMachine('oops..', 50, 'lolipop')
console.log('wm3', wm3)

我们看一下执行结果：

wm1和wm2虽然在调用getInstance方法时候传入的参数不一样，但是它们两个却是指向同一个对象
当然如果继续使用new关键词创建实例的话，是可以创建不同的实例对象的

最后

以上就是稳重皮卡丘为你收集整理的es6实现单例模式 class类 静态方法的全部内容，希望文章能够帮你解决es6实现单例模式 class类 静态方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。