八、TypeScript面向对象特性 - 类(Class)

最新推荐文章于 2023-11-29 19:19:23 发布
最新推荐文章于 2023-11-29 19:19:23 发布
阅读量513 收藏
点赞数
分类专栏： TypeScript 文章标签： TypeScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyphf/article/details/82459845
版权

类(Class)


类是TypeScript的核心,使用TypeScript开发时,大部分代码都是写在类里面的。

这里会介绍类的定义,构造函数,以及类的继承
首先从类的定义开始,类里面有属性和方法

我们可以把类理解成一个模子,然后用这个模子去做实际的产品出来

类的实例化是通过new这个关键字来实现的

同一个类我们可以new出多个实例来,多个实例拥有相同的属性和方法,但是状态不同,这就是类的实例化

在声明类的属性和方法的时候,可以给它指定一个访问控制符,访问控制符的作用是控制类的属性和方法是否可以在类外部被访问到;

Public：所有定义成public的属性和方法都可以在任何地方进行访问。

Private：所有定义成private的属性和方法都只能在类定义内部进行访问。

Protected：多有定义成protected的属性和方法可以从类定义内部访问，也可以从子类中访问。

 

类的构造函数

类里面的构造函数实际上就是类里面的一个特殊的方法,这个方法只有在类被实例化的时候,会被调用而且只被调用一次
这个方法的名字叫做constructor,constructor方法是不能在外部被访问的
它只有用关键字new这个类的时候会被调用，而且只调用一次

这是类被实例化了两次,所以haha打印了两次

构造函数的作用:

例如我在实例化一个人的时候,必须为他指定一个名字

指的是我们通过构造函数来实例化一个约定,在实例化一个人的时候必须为它指定一个名字

我们在name里面声明了一个属性,在实例化的时候为他赋了一个值

以上写法可以简写成

这就相当于声明一个name属性,在构造函数的时候为这个name属性赋上值,所以我们运行时可以将这个name打印出来

 

在构造函数上时要明确的声明访问控制符的,以下两种写发是不同的
右边表示声明的一个name属性,所以eat方法里面可以打印出来
左边表示没有声明name属性的,这时候在eat方法里面打印name属性就会报错
因为Person里面没有nama属性

类的继承


类的继承涉及到两个关键字,一个是extends,另一个关键字是super;

super用来调用父类的构造函数

extends是用来声明一种继承关系的,所谓继承关系是一种事的管理

比如说我们申明一个员工的类继承人的类,当一个类继承另一个类,那么它就会继承这个父类
所有的属性和方法

因为它继承了Person类,所有它拥有了Person类所有的属性和方法

在Employee这个类里面我们再定义一些类和属性

super关键字有两个用法，

第一个是用来调用父类的构造函数，子类的构造函数必须要调用父类的构造函数,这是硬性规定

super第二个用法,用来调用父类其他的方法

如果我们必须让员工先吃饭再干活,那么我们把doWork私有化,那么我们只能通过work去调用

 

xyphf_和派孔明
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【TypeScript】---面向对象
qq_53061847的博客
05-30 1288
给对象 给对象，操作对象，首先便要拥有对象； 要创建对象，必须先定义类，然后的类可以理解为对象的模型； 程序中可以根据类创建指定类型的对象； 比喻说： 可以通过Person类来创建人的对象，通过Dog类创建的对象，不同的类可以使用创建的对象； 定义类 class 类名 { 属性名: 类型; constructor(参数: 类型){ this.属性名 = 参数; } 方法名(){ .... } }
typescript-brick-breaker-game
03-21
首先，TypeScript是JavaScript的一个超集，它为开发者提供了静态类型检查、类、接口等特性，提升了代码的可维护性和安全性。在这个项目中，TypeScript被用来定义游戏中的各种对象，如球、 paddle（挡板）、砖块等，...
typescript类 面向对象
GXY1551705593的博客
03-12 421
1 面向对象 面向对象程序设计（英语：Object-oriented programming，缩写：OOP）是种具有对象概念的程序编程典范，同时也是一种程序开发的抽象方针。它可能包含数据、属性、代码与方法。对象则指的是类的实例。它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的重用性、灵活性和扩展性，对象里的程序可以访问及经常修改对象相关连的数据。在面向对象程序编程里，计算机程序会被设...
Typescript 中的类有什么功能
可以叫我啪叽的石头
08-16 381
JavaScript 中在 ES6 中有了类的概念，这个类是原型的语法糖。 通过 Class 来实现继承 一、类的相关概念 类： 类（Class）：定义了一件事物的抽象特点，描述了所创建的对象共同的属性和方法 对象（Object）：通过 new 操作符生成的类的实例 面向对象(Object-oriented programming): 面向对象是相对于面向过程来讲的，面向对象方法，把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模。其特点包括：封装、继承、多态。 特点： 封装（Enca
typescript class
qq_42389674的博客
10-14 1996
什么是class class是基于原型继承的一种语法 示例 解析 class Animal { name: string; static name1:string="6666" constructor(theName: string) { this.name = theName; } move(distanceInMeters: Number = 0) { console.log(`${this.name}moved${distanceInMeters}`);.
TypeScript 类(Class)
YunWisdom
04-15 323
TypeScript 类(Class) 自 ES6 起，终于迎来了class，对于开发者来说，终于可以使用基于类的面向对象式编程。TypeScript 在原 ES6 中类的基础上，还添加了一些新的功能，比如几种访问修饰符，这是在其他面向对象语言中早就实现了的。 JavaScript 的类作为语法糖，我们不但需要知道怎么去使用，还应该了解其本质，涉及到原型的部分希望大家能深入理解。 1....
vue-typescript-admin-template-master_vue_
09-30
- 类（Class）：支持面向对象编程，可以创建具有属性和方法的类。 - 泛型（Generics）：提供了一种方式来重用可以处理多种类型的函数或类，增加了代码的灵活性。 3. Vue.js与TypeScript的结合 - Vue CLI：Vue.js...
TypeScript泛型类 - 把类作为参数类型的泛型类.zip
11-05
这种技术在构建工厂模式、依赖注入容器和其他面向对象的设计模式时尤其有用。理解和熟练运用泛型类是提升TypeScript开发技能的关键步骤。通过实践并研究“TypeScript泛型类 - 把类作为参数类型的泛型类”中的代码...
Typescript-for-javascript-developers
02-16
4. **类（Classes）**：TypeScript 支持基于类的面向对象编程，包括构造函数、继承、访问修饰符（public、private、protected）以及抽象类。 5. **模块（Modules）**：通过模块，我们可以组织代码并控制其作用域，...
masterclass-typescript
03-28
3. **类（Classes）**：引入面向对象编程的概念，支持继承、封装和多态，使得大型项目的组织更加有序。 4. **泛型（Generics）**：允许创建可重用的组件，这些组件可以处理多种类型的数据，提高代码复用性。 5. **...
TypeScript中的class（类）
m0_45093055的博客
07-02 3289
TypeScript中的class与es5实现
TypeScript面向对象
橘猫吃不胖的博客
05-08 973
TypeScript面向对象1 面向对象原则2 TypeScript类2.1 类的定义2.2 创建实例对象3 类的继承4 static关键字5 抽象类和抽象方法6 类属性权限修饰符6.1 public（公有的）6.2 protected（受保护的）6.3 private（受保护的）6.4 readonly（只读）7 存取器 1 面向对象原则 单一原则：一个类只负责一个职责。 里氏替换原则：子类可以在任何地方替换它的父类。 依赖倒置原则：代码要依赖于抽象的类，而不要依赖于具体的类；要针对接口或抽象类编程，而
TypeScript类class（超详细）
最新发布
qq_51904231的博客
11-29 1591
类（Class）：定义了一件事物的抽象特点，包含它的属性和方法 - 对象（Object）：类的实例，通过 `new` 生成 - 面向对象（OOP）的三大特性：**封装、继承、多态** - 封装（Encapsulation）：将对数据的操作细节隐藏起来，只暴露对外的接口。外界调用端不需要（也不可能）知道细节，就能通过对外提供的接口来访问该对象，同时也保证了外界无法任意更改对象内部的数据 - 继承（Inheritance）：子类继承父类，子类除了拥有父类的所有特性外，还有一些更具体的特性
typescript — 类的新特性及泛型
记录点滴
02-08 189
类变量的访问控制符： provide 变量前加 provide，此变量只能在类里边才能访问 public 在外边 / 里边都可以访问到 class Test{ private name: string = 'lxc' constructor() { console.log(this.name) // 'lxc' } } // 相当于 class Te...
TypeScript面向对象编程(一)
weixin_53412458的博客
01-16 503
什么是面向对象编程？ 官方解释：面向对象程序设计(Object Oriented Programming)作为一种新方法，其本质是以建立模型体现出来的抽象思维过程和面向对象的方法。模型是用来反映现实世界中事物特征的。任何一个模型都不可能反映客观事物的一切具体特征，只能对事物特征和变化规律的一种抽象，且在它所涉及的范围内更普遍、更集中、更深刻地描述客体的特征。通过建立模型而达到的抽象是人们对客体认识的深化。 通过查阅各种各样的对面向对象编程的解释，对面向对象有了一些理解：面向对象是相对于面向过程而言的。面向对
八、TypeScript面向对象特性
基督山伯爵的博客
10-17 345
                                  &
Typescript进阶（面向对象的特性）
weixin_46015333的博客
05-20 236
文章目录面向对象类（class）定义类：使用类：面向对象的特点只读属性（readonly）TS中属性具有三种修饰符属性存取器静态属性this继承类的扩展重写抽象类（abstract class）接口（Interface）泛型（Generic）函数使用泛型类中同样可以使用泛型总结 面向对象 面向对象是程序中一个非常重要的思想，那么对象到底是什么呢？计算机程序的本质就是对现实事物的抽象，抽象的反义词是具体，比如：照片是对一个具体的人的抽象，汽车模型是对具体汽车的抽象等等。程序也是对事物的抽象，在程序中我们可以表
【javascript】class extends super与typescript 继承用法demo
qq_33925054的博客
08-27 221
class Person { constructor(name, age) { this.name = name; this.age = age } log() { console.log(`I am ${this.name},age is ${this.age}`); } } class Man extends Person { const
Typescript中class的extends码源分析
weixin_30536513的博客
02-17 330
学习typescript的乐趣在于看它的码源是如何要js实现的、 今天要分析的是类继承的码源。我们先来看一下使用ES5的组合继承是如何做到的： 1 function Person(name) { 2 this.name = name; 3 } 4 Person.prototype.sayName = function () { 5 console.log(...
typescript 中的类
09-04
此外，TypeScript还支持继承和访问修饰符等面向对象的特性，使得类的定义更加灵活和复杂。你可以在TypeScript官方文档中了解更多关于类的使用和特性：https://www.typescriptlang.org/docs/handbook/classes.html

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值