设计模式之原型模式

快乐的蜜蜂

已于 2022-08-26 14:50:27 修改

阅读量109

点赞数

分类专栏： JS设计模式文章标签：原型模式

于 2022-08-26 11:42:55 首次发布

本文链接：https://blog.csdn.net/hl971115/article/details/126540465

版权

JS设计模式专栏收录该内容

11 篇文章 0 订阅

订阅专栏

原型模式
在这里插入图片描述

function Person(name: string) {
    this.name = name;
    this.getName = function () {

    }
}

const p1 = new Person("1");
const p2 = new Person("2");
// 这里为什么是false呢, 因为每次new 都会重新Person里面的东西,
// 就会造成了 性能的浪费
console.log(p1.getName() == p2.getName());  // 结果是 false

所以我们把 getName 放在原型上, 那么getName 就只会创建一次,节约性能的开销

function Person(name: string) {
    this.name = name;
}

Person.prototype.getName = function () {

}

const p1 = new Person("1");
const p2 = new Person("2");
console.log(p1.getName() == p2.getName()); // 结果是 true