返回顶部
首页 > 资讯 > 前端开发 > JavaScript >TypeScript基础class类教程示例
  • 940
分享到

TypeScript基础class类教程示例

2024-04-02 19:04:59 940人浏览 泡泡鱼
摘要

目录class 类示例构造函数继承class 类 类是面向对象语言的程序设计中的概念,是面向对象编程的基础。 类是创建对象的模板,是对现实生活中一类具有共同特征的事物的抽象 类的内部

class 类

类是面向对象语言的程序设计中的概念,是面向对象编程的基础。

类是创建对象的模板,是对现实生活中一类具有共同特征的事物的抽象

类的内部封装了属性和方法,用于操作自身的成员

示例

将每条狗看做一个对象,那他的属性就有 品种、颜色,方法(行为)舔、叫、吃。

class Dog {
    breed: string;
    color: string;
    lick(): void {
        console.log(`
        我仍认为我们作为一个舔狗的真正目的是为了拥有一份真诚的爱情,
        而不是为了爱情做一个真诚的舔狗。
        虽为舔狗,却有战狼之志,
        舔一人为小爱,舔百人为大爱,
        所谓大爱无疆。所以舔并不可耻!`);
    }
    eat(): void {
        console.log(`舔狗不配吃饭!!!`);
    }
    bark(): void {
        console.log(`宝 我今天去输液了 输的什么液 想你的夜`);
    }
}
// 创建实例
const dog = new Dog();
dog.breed='舔'
dog.color='金';
// 调用实例的方法
dog.lick()

构造函数

用关键字 constructor 定义,很遗憾不允许存在多个构造函数实现

class Dog {
    breed: string;
    color: string;
    //   constructor(){
    //   };
    // constructor(breed: string) {
    //     this.breed = breed;
    // }
    constructor(breed: string, color: string) {
        this.breed = breed;
        this.color = color;
    }
}
// 创建实例
const dog = new Dog('', '');

继承

子类Dog通过 extends 关键字 继承父类Animal,创建的dog的实例,便能够调用 run()方法。

class Animal {
    run(distance: number) {
        console.log(`跑了 ${distance}m`)
    }
}
class Dog extends Animal {
    breed: string;
    color: string;
    lick(): void {
        console.log(`我仍认为我们作为一个舔狗的真正目的是为了拥有一份真诚的爱情,而不是为了爱情做一个真诚的舔狗,虽为舔狗,却有战狼之志,舔一人为小爱,舔百人为大爱,所谓大爱无疆。所以舔并不可耻!`);
    }
    eat(): void {
        console.log(`舔狗不配吃饭!!!`);
    }
    bark(): void {
        console.log(`宝 我今天去输液了 输的什么液 想你的夜`);
    }
}
// 创建实例
const dog = new Dog();
dog.breed = '舔'
dog.color = '金';
// 调用实例的方法
dog.run(100);

以上就是typescript基础class类教程示例的详细内容,更多关于TypeScript class 类的资料请关注编程网其它相关文章!

--结束END--

本文标题: TypeScript基础class类教程示例

本文链接: https://lsjlt.com/news/139698.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • TypeScript基础class类教程示例
    目录class 类示例构造函数继承class 类 类是面向对象语言的程序设计中的概念,是面向对象编程的基础。 类是创建对象的模板,是对现实生活中一类具有共同特征的事物的抽象 类的内部...
    99+
    2024-04-02
  • javascript数据类型基础示例教程
    目录js中的输入输出语句js中的注释js中声名变量1、 js中用关键字var声明一个变量2、声明变量特殊情况3、变量命名规范js中的基本数据类型数字型 Number布尔值类型 Boo...
    99+
    2024-04-02
  • TypeScript保姆级基础教程
    目录什么是 TypeScript?那么 ts 和 js 有什么区别呢?什么是类型注解?ts 的类型联合类型类型别名数组类型函数定义单个函数统一定义函数格式函数返回值类型void函数-...
    99+
    2024-04-02
  • javascript基础数据类型转换教程示例
    目录数值型转换为字符串类型字符串类型转换为数值型转换为布尔型结语数值型转换为字符串类型 方式说明案例toString()转成字符串var num =1; alert ( num.to...
    99+
    2024-04-02
  • Leaflet基础入门教程示例
    目录什么是Webgis?什么是Leaflet?在Vue中安装Leaflet,与其他依赖在App.vue中使用初始化地图chinaProvider地图瓦片addControls使用工具...
    99+
    2023-01-04
    Leaflet 基础 Leaflet 入门教程
  • C#基础教程之类class与结构struct的区别
    目录一、类class二、结构struct三、测试控制台应用程序GenericTemplateDemo:四、程序运行如图:补充:结构与类的区别总结一、类class 类class是引用类...
    99+
    2022-11-13
    c#  class  struct c# 类class与结构struct c# 类class
  • TypeScript中class类型实例讲解
    目录class类型构造函数class类的继承可见修饰符只读修饰符总结class类型 TypeScript支持ES引入的class关键字,并为其添加了类型注解和其他语法(例如:可见性修...
    99+
    2022-12-30
    typescript class类型参数 typescript的类型 typescript class
  • TypeScript基础类型介绍
    目录1.基础类型 2.对象类型 2.1数组 2.2元组 2.3对象 3.类型推断 3.1类型联合中的类型推断 3.2上下文类型 4.类型断言 TS 的静态类型可以人为的分为两类: 基...
    99+
    2024-04-02
  • 前端开发TypeScript入门基础教程
    TYPESCRIPT 官网 github TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。 可...
    99+
    2024-04-02
  • 汇编基础程序编写教程示例
    目录源程序1.1 构成寄存器与段的关联假设标号定义一个段程序结束标记程序返回程序运行1.2 源程序中的“程序”1.3 段结束、程序结束、程序返回1.4 语法错误和逻辑错误2 程序执行...
    99+
    2024-04-02
  • TypeScript类class与修饰符的详细使用教程
    目录一、简介二、成员修饰符访问修饰符只读修饰符静态修饰符总结一、简介 通过 class 关键字定义一个类,然后通过 new 关键字可以方便的生产一个类的实例对象,这个生产对象的过程叫...
    99+
    2024-04-02
  • TypeScript类型系统自定义数据类型教程示例
    目录TypeScript 类型系统和自定义数据类型什么是类型系统函数类型类型别名可选参数默认参数函数重载接口类型可选属性只读属性接口扩展多重接口声明接口的索引签名用接口描述函数类类型...
    99+
    2022-11-16
    TypeScript自定义数据类型 TypeScript类型系统
  • 详解TypeScript的基础类型
    目录布尔类型数字类型字符串类型字符串和数字进行拼接undefined和 null数组类型元组类型枚举类型any类型void类型联合类型总结布尔类型 // 布尔类型--->boo...
    99+
    2024-04-02
  • java中Class类的基础知识点及实例
    1、说明 Class本身也是一个类。 Class对象只能由系统确定。 JVM中只有一个Class实例可以加载一个类。 Class对应于JVM中加载的.class文件。 每一类的实例都...
    99+
    2024-04-02
  • JavaScript和TypeScript中class的示例分析
    这篇文章主要介绍了JavaScript和TypeScript中class的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1、静态成员...
    99+
    2024-04-02
  • android基础教程之开机启动示例
    Manifest.xml文件: 代码如下:<service         &n...
    99+
    2022-06-06
    程之 示例 启动 教程 Android
  • 怎样解析TypeScript基础类型
    怎样解析TypeScript基础类型,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。TS 的静态类型可以人为的分为两类:基础类型:像布尔值(boolean)、数字(number)...
    99+
    2023-06-22
  • TypeScript基础数据结构哈希表HashTable教程
    目录前言1. 哈希表介绍和特性2. 哈希表的一些概念3. 地址冲突解决方案3.1 方案一:链地址法3.2 方案二:开放地址法4. 哈希函数代码实现5. 哈希表封装5.1 整体框架 v...
    99+
    2023-02-05
    TypeScript 数据结构HashTable TypeScript 哈希表
  • TypeScript基础使用实例分析
    这篇文章主要讲解了“TypeScript基础使用实例分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“TypeScript基础使用实例分析”吧!什么是 TypeScript?TypeScri...
    99+
    2023-07-02
  • ES6基础语法之class类介绍
    一、class基本语法 JavaScript 语言中,编写一个学生类,代码如下:(prototype可以个对象添加属性和方法) function Student(stuno,stun...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作