设计模式——原型模式(TypeScript版)

本文介绍了原型模式,通过JavaScript中的原型和原型链进行讲解,详细阐述了原型、原型链及实例、原型、构造函数之间的关系。接着展示了如何在ES5和ES6中使用TypeScript实现原型模式,并列举了模式的优点和缺点,适用于创建成本大和需动态获取运行时状态的场景。
摘要由CSDN通过智能技术生成

一、定义

用原型实例指定创建对象的种类,并且通过拷贝这些原型,创建新的对象。简言之就是通过克隆来创建一个一模一样的对象。

二、javascript中原型和原型链

与java、C#这样以类为中心的编程语言不同,javascript是基于原型的面向对象编程语言,其根本就是原型和原型链,为了更好的理解JavaScript中的实现原型模式,首先了解一下JavaScript中的原型和原型链。

2.1 原型

原型(prototype):每一个对象都包含一个原型属性,用于关联另一个对象,关联后就能使用那个对象的属性和方法,这其实就是JavaScript的原型式继承。对象字面量的原型是Object.prototype;如果使用new创建的对象,那么它的原型是构造函数的prototype的属性值。除了null、Object.prototype等少数几个没有原型的对象之外,大部分都具有原型,并且是一个继承自Object.prototype的原型。

2.2 原型链

每一个对象都包含一个原型属性,用于关联另一个对象,关联后就能够使用那个对象的属性和方法;对象之间通过原型关联到一起,就好比用一条锁链将一个个对象连接在一起,在与各个对象挂钩后,最终形成了一条原型链。

2.3 实例、原型、构造函数之间关系

  • 实例.proto === 原型
  • 原型.constructor === 构造函数
  • 构造函数.prototype === 原型
  • 实例.constructor === 构造函数

    JavaScript就是通过原型来对内容进行共享,则将需要克隆的内容挂载到其原型链上即可。

三、代码实现

对于ES5,提供Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值