typescript: Builder Pattern

/*** file: CarBuilderts.ts* TypeScript 实体类 Model* Builder Pattern* 生成器是一种创建型设计模式, 使你能够分步骤创建复杂对象。* https://stackoverflow.com/questions/12827266/get-and-set-in-typescript* https://github.com/Microsoft/TypeScript/wiki/Coding-guidelines*/
class UserInfo {id!: number;userName!: string;email!: string;}/*** 车辆实体类*/class Car { //export/*** 序号*/id!: number;/*** 座位*/seats!: number;/*** 发动机*/engine!: string;/* constructor(id, seats,engine){this.id = id;this.seats = seats;this.engine=engine;}*//*** 序号* @returns  返回序号*/public  getId(): number { //getreturn this.id;}/*** 座位数* @returns 返回座位数*/public  getSeats(): number { //getreturn this.seats;}/*** 发动机* @returns 返回发动机型号名称*/public  getEngine(): string { //getreturn this.engine;}/*** 设置座位数* @param seats 输入数字座位数*/public setSeats(seats: number) //set{this.seats=seats;}/*** 设置发动机型号* @param engine 输入型号名称*/public setEngine(engine: string) //set{this.engine=engine;}/*** * @param id */public setId(id:number){this.id=id;}}/*** 继承*/
class Motorcycle extends Car
{/*  id!: number;seats!: number;engine!: string;constructor(id, seats,engine){this.id = id;this.seats = seats;this.engine=engine;}public  getId(): number { //getreturn this.id;}public  getSeats(): number { //getreturn this.seats;}public  getEngine(): string { //getreturn this.engine;}public setSeats(seats: number) //set{this.seats=seats;}public setEngine(engine: string) //set{this.engine=engine;}*/}
/*interface DuBuilder<Car>().id(1).setSeats("").setEngine("").build();
*//*** 接口extends Car*/
interface CBuilder {/*** * @param seats */setSeats(seats: number): this;/*** * @param engine */setEngine(engine: string): this;/*** * @param id */setId(id:number):this;}/*** 继承 Builder*/
class CarBuilder implements CBuilder {/*** 车信息类*/private car: Car;/*** 实例化*/constructor() {this.car = new Car();}/*** 设置座位数* @param seats 座位号* @returns 返回座位号*/public setSeats(seats: number): this {//this.car.setSeats(seats);this.car.setSeats(seats);return this;}/*** 设置发动机型号* @param engine 发动机型号名称* @returns */public setEngine(engine: string): this {this.car.setEngine(engine);return this;}/*** id 序号* @param id * @returns */public setId(id:number):this{this.car.setId(id);return this;}/*** 得到实体* @returns 返回车信息类*/public getResult(): Car {return this.car;}}/*** *  */ 
class MotorcycleBuilder implements CBuilder {/*** */private motorcycle: Motorcycle;/*** */constructor() {this.motorcycle = new Motorcycle();}/*** * @param seats * @returns */public setSeats(seats: number): this {this.motorcycle.setSeats(seats);return this;}/*** * @param engine * @returns */public setEngine(engine: string): this {this.motorcycle.setEngine(engine);return this;}/*** * @param id * @returns */public  setId(id: number): this {this.motorcycle.setId(id);return this;}/*** * @returns */public getResult(): Motorcycle {return this.motorcycle;}}/*** */class DuDirector {/*** * @returns */public buildFerrari(): Car {return new CarBuilder().setId(1).setSeats(2).setEngine("V-12").getResult();}/*** * @returns */public buildToyota(): Car {return new CarBuilder().setId(2).setSeats(7).setEngine("V-6").getResult();}/*** * @returns */public buildHonda(): Motorcycle {return new MotorcycleBuilder().setId(3).setSeats(2).setEngine("V-4").getResult();}/*** * @returns */public buildYamaha(): Motorcycle {return new MotorcycleBuilder().setId(4).setSeats(1).setEngine("V-2").getResult();}}/*** */const directorBu = new DuDirector();directorBu.buildFerrari();
directorBu.buildToyota();directorBu.buildHonda();
directorBu.buildYamaha();const car = new CarBuilder().setSeats(2).setEngine("V-12").getResult();const motorcycle = new MotorcycleBuilder().setId(100).setSeats(2).setEngine("V-4").getResult();let pucarid=""+motorcycle.getId();
let pucar1=""+motorcycle.getSeats();
let pucar2=""+motorcycle.getEngine();let messageCar: string = 'Hello World,This is a typescript!,涂聚文 Geovin Du Web';
document.body.innerHTML = messageCar+"<br/>,id:"+pucarid+",座位数:"+pucar1+",发动机型号:"+pucar2+","+car.getSeats()+","+car.getEngine()+","+directorBu.buildFerrari().getEngine()+",TypeScript 生成器方法模式";
console.log(motorcycle.getId());
console.log(motorcycle.getSeats());
console.log(motorcycle.getEngine());

调用:

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><head><title>TypeScript:生成器模式</title><meta name="Description" content="geovindu,涂聚文,Geovin Du"/>
<meta name="Keywords" content="geovindu,涂聚文,Geovin Du"/>
<meta name="author" content="geovindu,涂聚文,Geovin Du"/>  </head><body><script src="dist/CarBuilderts.js"></script></body>
</html>

输出:

“The best strategy in life is diligence."         --Chinese Proverb

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/152079.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

4.Docker 搭建 redis6

1.下载redis docker pull redis:6.2.62.创建需要挂载的宿主机文件夹 mkdir -p /data/redis/conf mkdir -p /data/redis/data3.配置redis 切换到/data/redis/conf文件夹下&#xff0c;创建redis.conf,复制redis.conf配置文件内容到redis.conf文件中&#xff0c;然后按下键盘 …

黑豹程序员-架构师学习路线图-百科:AJAX

文章目录 1、什么是AJAX2、发展历史3、工作原理4、一句话概括 1、什么是AJAX Ajax即Asynchronous&#xff08;呃森可乐思&#xff09; Javascript And XML&#xff08;异步JavaScript和XML&#xff09; 在 2005年被Jesse James Garrett&#xff08;杰西詹姆斯加勒特&#xff09…

GD32F103x 定时器

1. 定时器的基本介绍 STM32的定时器主要分为三种&#xff1a;高级定时器、通用定时器、基本定时器。 即&#xff1a;高级定时器具有捕获/比较通道和互补输出&#xff0c;死区时间&#xff0c;通用定时器只有捕获/比较通道&#xff0c;基本定时器没有以上两者。 1. 基本定时…

网络安全:六种常见的网络攻击手段

1、什么是VPN服务&#xff1f; 虚拟专用网络&#xff08;或VPN&#xff09;是您的设备与另一台计算机之间通过互联网的安全连接。VPN服务可用于在离开办公室时安全地访问工作计算机系统。但它们也常用于规避政府审查制度&#xff0c;或者在电影流媒体网站上阻止位置封锁&#…

【React】深入理解React组件状态State

目录 一、何为State二、如何定义State三、如何判断是否为State四、如何正确使用State1、用setState修改State2、State的更新是异步的①、代码示例 3、State更新会被合并①、组件状态例子②、当只需要修改状态title时&#xff0c;只需要将修改后的title传给setState③、React会合…

Windows安装Node.js

1、Node.js介绍 ①、Node.js简介 Node.js是一个开源的、跨平台的JavaScript运行环境&#xff0c;它允许开发者使用JavaScript语言来构建高性能的网络应用程序和服务器端应用。Node.js的核心特点包括&#xff1a; 1. 事件驱动: Node.js采用了事件驱动的编程模型&#xff0c;通…

力扣 -- 647. 回文子串

解题步骤&#xff1a; 参考代码&#xff1a; class Solution { public:int countSubstrings(string s) {int ns.size();vector<vector<bool>> dp(n,vector<bool>(n));//无需初始化int ret0;//一定要从下往上填写每一行for(int in-1;i>0;i--){//每一行的i…

jvm--对象实例化及直接内存

文章目录 1. 创建对象2. 对象内存布局3. 对象的访问定位4. 直接内存&#xff08;Direct Memory&#xff09; 1. 创建对象 创建对象的方式&#xff1a; new最常见的方式、Xxx 的静态方法&#xff08;单例模式&#xff09;&#xff0c;XxxBuilder/XxxFactory 的静态方法Class 的…

CVE-2023-36845:Juniper Networks Junos OS EX远程命令执行漏洞

Juniper Networks Junos OS EX远程命令执行漏洞(CVE-2023-36845) 复现 0x01 前言 免责声明&#xff1a;请勿利用文章内的相关技术从事非法测试&#xff0c;由于传播、利用此文所提供的信息或者工具而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者本人负责&#…

UE4 自带体积云应用

新建空关卡 点击该选项 全部点击一遍 拖进场景

uniapp 在uni.scss 根据@mixin定义方法 、通过@include全局使用

在官方文档中提及到uni.scss中变量的使用&#xff0c;而我想定义方法&#xff0c;这样写css样式更方便 一、官方文档的介绍 根据官方文档我知道&#xff0c;在这面定义的变量全局都可使用。接下来我要在这里定义方法。 二、在uni.scss文件中定义方法 我在uni.scss文件中定义了…

不用休眠的 Kotlin 并发:深入对比 delay() 和 sleep()

本文翻译自&#xff1a; https://blog.shreyaspatil.dev/sleepless-concurrency-delay-vs-threadsleep 毫无疑问&#xff0c;Kotlin 语言中的协程 Coroutine 极大地帮助了开发者更加容易地处理异步编程。该特性中封装的诸多高效 API&#xff0c;可以确保开发者花费更小的精力去…

帮助文档Api

帮助文档Api 按照帮助文档的使用步骤学习Scanner类的使用&#xff0c;并实现键盘录入一个字符串&#xff0c;最后输出在控制台 部分Scanner的api文档如下&#xff1a; package com.api.Demo01;// 需要导入 Scanner包 import java.util.Scanner;public class Test01 {public sta…

Altium Designer实用系列(一)----原理图导入PCB、PCB板子外形、多层板绘制等

一、原理图导入PCB 绘制原理图就不必多说了&#xff0c;根据自己电路的需求&#xff0c;去设计电源、芯片的外围电路、MCU外设分配就好。接下来主要介绍的是在导入PCB前对原理图的检查&#xff1a; 元器件标号注解 元器件封装确认&#xff1a;工具->封装管理器&#xff1…

ES6 class类的静态方法static有什么用

在项目中&#xff0c;工具类的封装经常使用静态方法。 // amap.jsimport AMapLoader from amap/amap-jsapi-loader; import { promiseLock } from triascloud/utils; /*** 高德地图初始化工具*/ class AMapHelper {static getAMap window.AMap? window.AMap: promiseLock(AM…

容器运行elasticsearch安装ik分词非root权限安装报错问题

有些应用默认不允许root用户运行&#xff0c;来确保应用的安全性&#xff0c;这也会导致我们使用docker run后一些操作问题&#xff0c;用es安装ik分词器举例&#xff08;es版本8.9.0&#xff0c;analysis-ik版本8.9.0&#xff09; 1. 容器启动elasticsearch 如挂载方式&…

微信小程序:实现列表单选

效果 代码 wxml <view class"all"><view class"item_all" wx:for"{{info}}" wx:key"index"><view classposition {{item.checked?"checked_parameter":""}} data-id"{{item.employee_num}}…

ssm172基于SSM的旅行社管理系统的设计与实现

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用JSP技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…

COM组件IDispatch操作

IDispatch 组件接口&#xff0c;继承IUnkown&#xff0c;实现了反射机制&#xff0c;可以通过invoke调用dll函数 一般执行过程需要GetIDsOfNames、InvokeHelper函数执行&#xff0c;queryinterface查询获取对象 检查GetIDsOfNames返回的dispid是否正确 COleDispatchDriver 单…

Git指导:提交干净的commit信息

为什么我们应该关心编写干净的提交消息&#xff1f; 提交是程序员技术的有形构建块。它们充当代码的锦上添花&#xff0c;如果编写正确&#xff0c;它们会带来巨大的价值。编写良好的提交消息变得不可或缺&#xff0c;因为它们提供了上下文——否则一开始就不需要提交消息。 良…