返回顶部
首页 > 资讯 > 精选 >TypeScript的class类怎么用
  • 594
分享到

TypeScript的class类怎么用

2023-06-29 05:06:54 594人浏览 泡泡鱼
摘要

本篇内容介绍了“typescript的class类怎么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!class 类类是面向对象语言的程序设

本篇内容介绍了“typescript的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类怎么用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: TypeScript的class类怎么用

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

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

猜你喜欢
  • TypeScript的class类怎么用
    本篇内容介绍了“TypeScript的class类怎么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!class 类类是面向对象语言的程序设...
    99+
    2023-06-29
  • TypeScript中的class和interface怎么用
    这篇文章主要介绍了TypeScript中的class和interface怎么用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇TypeScript中的class和interface怎么用文章都会有所收获,下面我们...
    99+
    2023-06-27
  • TypeScript基础class类教程示例
    目录class 类示例构造函数继承class 类 类是面向对象语言的程序设计中的概念,是面向对象编程的基础。 类是创建对象的模板,是对现实生活中一类具有共同特征的事物的抽象 类的内部...
    99+
    2024-04-02
  • TypeScript中class类型实例讲解
    目录class类型构造函数class类的继承可见修饰符只读修饰符总结class类型 TypeScript支持ES引入的class关键字,并为其添加了类型注解和其他语法(例如:可见性修...
    99+
    2022-12-30
    typescript class类型参数 typescript的类型 typescript class
  • TypeScript类class与修饰符的详细使用教程
    目录一、简介二、成员修饰符访问修饰符只读修饰符静态修饰符总结一、简介 通过 class 关键字定义一个类,然后通过 new 关键字可以方便的生产一个类的实例对象,这个生产对象的过程叫...
    99+
    2024-04-02
  • ES6的Class类怎么使用
    本篇内容介绍了“ES6的Class类怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在ES6中,class (类)作为对象的模板被引入...
    99+
    2023-06-27
  • ES6中的class类怎么使用
    本篇内容主要讲解“ES6中的class类怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ES6中的class类怎么使用”吧! 认识class定义类 我...
    99+
    2024-04-02
  • python中class类怎么使用
    在Python中,我们可以使用class关键字来定义一个类。类是一种抽象的数据类型,用来定义对象的属性(成员变量)和行为(方法)。下...
    99+
    2023-09-14
    python
  • Typescript中number类型怎么用
    这篇文章主要为大家展示了“Typescript中number类型怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Typescript中number类型怎么用...
    99+
    2024-04-02
  • Typescript中boolean类型怎么用
    这篇文章主要为大家展示了“Typescript中boolean类型怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Typescript中boolean类型怎...
    99+
    2024-04-02
  • Typescript中array类型怎么用
    小编给大家分享一下Typescript中array类型怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!array数组类型,跟...
    99+
    2024-04-02
  • Typescript中string类型怎么用
    这篇文章给大家分享的是有关Typescript中string类型怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。string字符串类型,和javascript一样,可以使用双...
    99+
    2024-04-02
  • Typescript中any类型怎么用
    小编给大家分享一下Typescript中any类型怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!any可以指定任何类型的值...
    99+
    2024-04-02
  • Typescript中enum类型怎么用
    小编给大家分享一下Typescript中enum类型怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!enumenum类型是对...
    99+
    2024-04-02
  • Typescript中tuple类型怎么用
    小编给大家分享一下Typescript中tuple类型怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!tuple元组类型,允...
    99+
    2024-04-02
  • Typescript中object类型怎么用
    小编给大家分享一下Typescript中object类型怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!object对象类型...
    99+
    2024-04-02
  • Typescript中never类型怎么用
    这篇文章将为大家详细讲解有关Typescript中never类型怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。nevernever是其他类型(包括null和unde...
    99+
    2024-04-02
  • php怎么调用class类中的方法
    调用步骤:1、使用new关键字并在后面加上一个和类名同名的方法来将class类实例化成对象,语法“变量名 = new 类名(参数数列表);”或“$变量名 = new 类名;”;2、使用特殊的运算符号“->”来调用对象中的成员方法即可,...
    99+
    2022-06-14
    php
  • TypeScript+Vue插件vue-class-component的使用示例
    这篇文章给大家分享的是有关TypeScript+Vue插件vue-class-component的使用示例的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。首先 下载npm ...
    99+
    2024-04-02
  • ES6 javascript中class类的get与set怎么用
    这篇文章将为大家详细讲解有关ES6 javascript中class类的get与set怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体如下:与 ES5 一样, 在...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作