13、ts中的类，构造函数

已于 2022-02-07 22:25:37 修改
阅读量3.2k 收藏 7
点赞数
CC 4.0 BY-SA版权
分类专栏： # TypeScript 文章标签： typescript javascript 前端 ts中的类 构造函数
于 2021-12-07 11:25:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43131046/article/details/121762651
本文探讨了 TypeScript 的类特性，强调了类在封装、继承和多态方面的角色。通过对比，指出使用类创建对象相比构造函数在封装上更具整体性。同时，解释了构造函数在 TypeScript 中的作用，以及其在编译后的形式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

类的三个特点： 封装，继承，多态

创建对象

方法是一样的，如果放在构造函数内部，那不是很浪费，放在函数原型上就很香了，节省内存
在这里插入图片描述

类创建对象（封装看着更有整体性）

解决了构造函数共享的方法需要加到原型上，不优雅。
constructor其实最终编译的时候，还是会编译为构造函数的形式。
在这里插入图片描述
成员变量：定义在类中
构造函数：做初始化
成员方法：定义在类中

class City {
   
   
    // 成员变量：定义在类中(需要赋个值，要不会报语法错误，也可以是在构造函数中赋值)
    cname:string
了解本专栏 订阅专栏 解锁全文 超级会员免费看
ts类，字段必须声明 类中其他方法或构造函数才能访问，不然就会报错 es6不会报错
v-model绑定对象检测不到属性变化？
05-18 1061
class Human { sex: string = '女'; age: number; weight: number; height: number; constructor(sex: string, age: number, weight: number, height: number) { this.sayHello(); // 在ts中 下面使用的字段 必须现在上面声明 如果不声明就会报错 // 比如上面的se
利用构造函数传参；(layabox)ts
weixin_42262215的博客
06-28 3482
当你在一个类里面想要调用其他函数传入的参数的时候，比如你在游戏进程中；我想当我出完牌；杀完BOSS或者某些特定情节的时候；  这时候  我就需要弹出一个界面；说  你赢了；或者你完成了xxx； 这里面的文本框内容是需要在他自己的界面里面调用的；如果你想在你游戏进程的时候传入这些不同的文本文字；怎么办；这时候你就可以利用构造函数传入参数；什么是构造函数：   构造函数就是一个类默认的属性；比如  你...
TS之类的构造函数
youhebuke225的博客
04-13 3293
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笔记】构造函数
m0_56688210的博客
07-31 2835
TS构造函数
TS中Class类构造函数和this的使用
XunLin233的博客
10-06 1733
constructor是构造函数，构造函数会在对象被实例化时调用constructor （） { // 构造函数体.. }如下代码中我们实例化了三个对象，每一次都会调用一次constructor函数，输出“构造函数被调用了”我们也可以在实例化对象的时候传入参数，例如我们这里传入姓名和年龄，在constructor函数中接收参数。
TS 学习四 类与构造函数
ddd239的博客
02-13 471
TS 学习四 类与构造函数。
ts 之 类的简介、构造函数和它的this、继承、抽象类、接口
qq_46302247的博客
07-05 1062
类的简介 构造函数和它的this 继承
TS学习之错误一：ES5/ES3 中的异步函数或方法需要 “Promise“ 构造函数
fengjinghong的博客
11-26 3924
函数返回值问题错误： 代码如下： async function name1(num: number, num1: number):number{ return 5; } 将报错如下： 类型“number”不是 ES5/ES3 中的有效异步函数返回类型，因为其未引用与 Promise 相符的构造函数值。ts(1055) 解决方法： // 改写法为如下： async function name1(num: number, num1: number):Promise<number> {
如果派生类中显式定义了构造函数，那么必须在其中调用super(或者返回一个对象)
liuyuqing0414的博客
05-10 941
【结论】继承类的 constructor 必须调用 super(...)，并且 (!) 一定要在使用 this 之前调用。 【原始代码】 <script> //父类有加法的方法，子类想要继承父类的加法方法，同时又想要扩展自己的减法方法 class Father { constructor(x, y) { this.x = x; this.y = y;
ts中构造函数class
m0_62487693的博客
03-30 722
【代码】ts中构造函数class。
TS构造函数和this、继承、Super
weixin_49524770的博客
05-22 264
对扩展开放O，对修改关闭C，创建一个新类继承旧类，在新类中添加新功能，实现扩展和修改，不影响旧类。在子类构造函数中调用父类的构造函数，才能确保继承的正常。不然我们对象初始化完成不了，继承出问题。constructor 这个函数名字是固定的 ，在定义类的时候一定有属性是在构造函数中赋值的。extends 继承。
TS定义数组 ts声明函数
热门推荐
夜空孤狼啸的博客
09-27 1万+
ts定义数组常用的三种方法： - 「类型 + 方括号」表示法：最简单的方法是使用「类型 + 方括号」来表示数组； - 数组泛型：也可以使用数组泛型（Array Generic） Array 来表示数组； - 用接口表示数组；
5.TypeScript入门之TS高级类型（class类）
Coding and studying
02-26 6688
讲述了TS（typescript）中高级类型之class类的所有知识点，TypeScript 全面支持 ES2015 中引入的class关键字，并为其添加了类型注解和其他语法（比如，成员可见性修饰符等）。
Typescript重写构造函数
小鹰信息技术服务部
04-10 926
Typescript中，添加了一个Sysuser类，想自定义一个构造函数，传入一个字符串做参数，一开始写法如下： export class Sysuser { id: number; username: string; password: string; name: string; Sysuser(jsonStr:string){ //重写构造函数 let obj = JSON.parse(jsonStr); this.id =
【TS】九天学会TS语法——5.TypeScript的类
m0_59873661的博客
11-07 1187
在 TypeScript 中，类是一种用于创建对象的蓝图，通过使用class关键字来创建。类可以包含属性（数据成员）和方法（函数成员）。// 属性// 方法// 方法体// 属性// 方法console.log(`你好，我是 ${this.name} ，我${this.age}岁了`);// 创建类的实例const person = new Person('清清ww', 3);// 调用方法// 输出: 你好，我是清清ww，我三岁了.
JavaScript之构造函数
TSORA-C的博客
05-28 1060
JavaScript之构造函数1.什么是构造函数2.为什么要使用构造函数3.构造函数的执行过程4.构造函数的返回值 大家都知道原型和原型链是 JavaScript 中最经典的问题之一，而构造函数又是原型和原型链的基础，所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和原型链的知识。 本文将从以下几个方面来探讨构造函数： 1.什么是构造函数 2.为什么要使用构造函数 3.构造函数...
Typescript的构造方式
Cupido
06-18 491
ts为结构化对象提供了构造器 构造方式与其他面向对象语言的构造方式基本相同
ts中的类非常详细通俗易懂，看这一篇就够了
m0_51512211的博客
12-14 2317
ts中的类非常详细通俗易懂。从初识class到构造函数再到继承然后说super,还说到了abstract抽象类以及private，public,protected 的区别
TypeScript---Ts中的函数总结
maidu_xbd的博客
03-30 1973
【函数】封装了一些重复使用的代码，在需要的时候直接调用。
TS属性的构造函数怎么写
最新发布
03-31
当在构造函数中使用 `public`、`private` 或 `protected` 关键字时，TypeScript 会自动将该参数作为类的一个成员变量，并将其赋值给当前对象[^2]。 ```typescript class Person { constructor(public name: string...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南朝听月

你的打赏是我持续贡献的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值