TS构造函数和this、继承、Super

最新推荐文章于 2025-03-31 11:36:23 发布
最新推荐文章于 2025-03-31 11:36:23 发布
阅读量263 收藏
点赞数 3
CC 4.0 BY-SA版权
文章标签： typescript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_49524770/article/details/139105533

constructor 这个函数名字是固定的 ，在定义类的时候一定有属性是在构造函数中赋值的

extends 继承

对扩展开放O，对修改关闭C，创建一个新类继承旧类，在新类中添加新功能，实现扩展和修改，不影响旧类。

在子类构造函数中调用父类的构造函数，才能确保继承的正常。不然我们对象初始化完成不了，继承出问题。

13、ts中的类，构造函数
imkaifan的博客
12-07 3270
ts中的类，构造函数
【TS篇三】类、函数、for-of循环、类型推断
前端知识分享喵
11-03 1104
类、函数、for-of循环、类型推断
TS之类的构造函数
youhebuke225的博客
04-13 3292
class Person{ constructor(public name:string,public age:number){ this.name = name this.age = age } sayName(){ console.log(this.name); } } const sunWuKong = new Person("孙悟空",18) sunWuKong.sayName() // 孙悟空 概
TS类中的构造函数中super的用法
逆风优雅的博客
12-29 2977
// 类的构造函数 // class Person { // public name: string; // constructor(name: string) { //定义一个构造函数 // this.name = name // } // } // 上面类的简单写法 class Person { constructor(public name: string) { } } class Teacher extends Person{ //Teacher类继.
【TS笔记】构造函数
m0_56688210的博客
07-31 2834
TS构造函数
TS中super函数
qq_42931285的博客
03-05 889
TS中super函数
如果派生类中显式定义了构造函数，那么必须在其中调用super(或者返回一个对象)
liuyuqing0414的博客
05-10 941
【结论】继承类的 constructor 必须调用 super(...)，并且 (!) 一定要在使用 this 之前调用。 【原始代码】 <script> //父类有加法的方法，子类想要继承父类的加法方法，同时又想要扩展自己的减法方法 class Father { constructor(x, y) { this.x = x; this.y = y;
鸿蒙开发TS基础:ArkTS语言之:类class、类声明、字段、方法、构造函数、可见性修饰符、对象字面量
阿辉的博客
06-18 3310
鸿蒙开发TS基础:ArkTS语言之:类class、类声明、字段、方法、构造函数、可见性修饰符、对象字面量
十三、static，this，super，final关键字的用法【20220623】
weixin_52432081的博客
06-23 237
static，this，super，final关键字的用法
「前端+鸿蒙」鸿蒙应用开发-TS类-继承
拥抱AI Design
06-10 560
在 TypeScript 中，类的继承是一种创建新类的方式，新类称为子类或派生类，继承自一个现有的类，称为基类或父类。继承使得子类可以复用父类的属性和方法，同时也可以扩展或修改它们的行为。
TS中Class类构造函数和this的使用
XunLin233的博客
10-06 1730
constructor是构造函数，构造函数会在对象被实例化时调用constructor （） { // 构造函数体.. }如下代码中我们实例化了三个对象，每一次都会调用一次constructor函数，输出“构造函数被调用了”我们也可以在实例化对象的时候传入参数，例如我们这里传入姓名和年龄，在constructor函数中接收参数。
ts 之 类的简介、构造函数和它的this、继承、抽象类、接口
qq_46302247的博客
07-05 1060
类的简介 构造函数和它的this 继承
ts中 构造器
最新发布
程序缘
03-31 560
构造器是方法，用于初始化对象。可以省略this.属性 = 参数，直接在参数前加修饰符（publicprivateprotectedreadonly。TypeScript 不支持真正的构造函数重载，但可以用可选参数或联合类型模拟。子类必须调用super()以继承父类构造逻辑。readonly属性只能在构造时赋值，之后不可更改。
TS中constructor使用public 、private 关键字
weixin_42776027的博客
05-24 711
结论：无论何时在构造函数参数上指定public或private,都会在类上创建相应的公共/私有变量,并使用参数的值填充该变量.关键字时，Angular会自动为你的组件或指令创建一个注入实例，并将其作为构造函数参数的私有属性。两个示例生成的JavaScript将是相同的.但是,如果您尝试访问代码中的私有变量,编译器将抛出错误.：通过这种方式，可以清楚地看到哪个依赖是必要的，以及它是如何在组件或指令中使用的。类型的依赖，并会在编译时检查类型，确保你不会错误地注入其他类型的服务。：Angular知道你需要的是。
TS的constructor构造函数的学习
wuguanc的博客
10-11 2765
constructor构造函数的学习
ts重点学习52-构造函数笔记
qq_41632427的博客
09-26 246
前端
5.TypeScript入门之TS高级类型（class类）
Coding and studying
02-26 6687
讲述了TS（typescript）中高级类型之class类的所有知识点，TypeScript 全面支持 ES2015 中引入的class关键字，并为其添加了类型注解和其他语法（比如，成员可见性修饰符等）。
拥有多个构造函数的类的模型
人在天涯,不倦求索。。
12-08 1819
这是一个拥有多个构造函数的类的模型 ，设计类的时候，如果有类似业务可以借鉴  //一个用户类，不能实例化，只接受继承。所以定义为抽象类 abstract class Customer { private string Name; public Customer(string name) {
简单的TS入门
热门推荐
qq_15351029的博客
11-09 2万+
TypeScript NoteVersion :  1.0、 TestVersion  :  ts2.4.2 Data         : 2017年8月27日 1、前置知识 l   理解ES5、ES6、javaScript、TypeScript的概念和关系 l   JavaScript开发经验 l   如果懂java学习来会事半功倍 2、TypeScript优势 u  支持ES
ts 继承
05-24
TypeScript 中的继承是通过 `extends` 关键字实现的。子类可以继承父类的属性和方法，并且可以重写父类的方法。 下面是一个例子： ```ts class Animal { name: string; constructor(name: string) { this.name = name; } sayName() { console.log(`My name is ${this.name}`); } } class Dog extends Animal { breed: string; constructor(name: string, breed: string) { super(name); this.breed = breed; } bark() { console.log("Woof!"); } sayName() { console.log(`My name is ${this.name} and I'm a ${this.breed} dog.`); } } const myDog = new Dog("Buddy", "Golden Retriever"); myDog.sayName(); // My name is Buddy and I'm a Golden Retriever dog. myDog.bark(); // Woof! ``` 在这个例子中，`Dog` 类继承了 `Animal` 类的属性和方法。`Dog` 类还添加了一个 `breed` 属性和一个 `bark()` 方法。在 `Dog` 类的构造函数中，我们使用 `super()` 调用父类的构造函数。在 `sayName()` 方法中，我们重写了父类的方法来打印出狗的品种。最后，我们创建了一个 `Dog` 对象并调用了它的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值