JavaScript设计模式---构造器模式

最新推荐文章于 2024-08-31 07:00:00 发布

原创最新推荐文章于 2024-08-31 07:00:00 发布 · 416 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #设计模式 #构造器模式

JavaScript 同时被 2 个专栏收录

26 篇文章

订阅专栏

JavaScript设计模式

3 篇文章

订阅专栏

本文介绍了JavaScript设计模式中的构造器模式，重点讲解了如何利用构造器创建对象，并探讨了基于原型的构造器在继承和方法复用方面的优势。

构造器模式是最简单基础的设计模式，即使用构造器来创建一个对象。

function Person(name, age) {
	this.name = name;
	this.age = age;
	this.toString = () => {
		return `this is ${this.name}, ${this.age} years old`
	}
}

let latency = new Person('latency', 25);
let cheng = new Person('cheng', 15);

如果考虑到方便继承，并且不需要让每个实例都重新定义方法，可以使用基于原型的构造器。

function Person(name, age) {
	this.name = name;
	this.age = age;
}
Person.prototype.toString = function() { // 注意这里不能用箭头函数()=>{}
	return `this is ${this.name}, ${this.age} years old`
}

let latency = new Person('latency', 25);
let cheng = new Person('cheng', 15);