TypeScript从入门到精通（十二）类的构造函数

最新推荐文章于 2025-05-12 20:59:22 发布
原创 最新推荐文章于 2025-05-12 20:59:22 发布 · 1.5k 阅读 · 0
标签
#typescript #javascript
这篇博客介绍了 TypeScript 中的构造函数用法，如何在创建对象时通过参数给类属性赋值。还展示了简化构造函数的写法，并探讨了类继承时如何使用 super 调用父类构造函数来传递参数，以及在子类中如何初始化属性。示例代码详细解释了这些概念。
类的构造函数（关键字constructor）

类的里边定义一个name，但是name我们并不给他值,然后我们希望在new出对象的时候，直接通过传递参数的形式，给name赋值，并打印出来。这时候我们就需要用到构造函数了。

class Person {
   
   
    public name:string ;
    //关键字constructor 语法糖
    constructor(name:string){
   
   //
        this.name
最低0.47元/天 解锁文章
100天精通鸿蒙从入门到跳槽——第6天：TypeScript 知识储备：类
热门推荐
猫头虎技术团队：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作+：Libin9iOak ，万粉变现+：CSDNWF，猫头虎承诺每年免费为100名C站创作者做账号流量诊断服务！全网搜：猫头虎技术团队，点击文章底部名片或直接私信我一切皆可谈，快找虎哥！
01-18 5万+
探索TypeScript的世界，第6天的篇章专注于类的结构与功能。在这里，我们将深入探讨类的定义、构造函数、成员变量和方法，这些是构建高效、安全、可靠代码的基石。TypeScript提供的类机制不仅加强了JavaScript的面向对象能力，还增强了代码的可读性和可维护性。本文是鸿蒙开发者和JavaScript程序员深化TypeScript技能的绝佳资源。关键词: TypeScript类, JavaScript面向对象, 高效代码编写, 安全编程实践, 鸿蒙开发技巧。使用class关键字声明类。
【零基础入门TypeScript】类 - class
共同学习、强我国家
02-28 1369
TypeScript 是面向对象的 JavaScript。TypeScript 支持面向对象的编程功能，如类、接口等。OOP 中的类是创建对象的蓝图。类封装了对象的数据。Typescript 为这个称为类的概念提供了内置支持。JavaScript ES5 或更早版本不支持类。Typescript 从 ES6 中获得了这个功能。
Typescript 构造函数
pz1021的博客
03-15 2803
构造函数 构造函数就是在类被初始化的时候,自动执行的一个方法 构造函数的关键字:constructor 类的构造函数 希望在person类中定义一个name属性,name属性并不给初值,在new出对象的时候通过传递参数的形式给name赋值 class Person{ constructor(public name:string){ } } const person= new Person('jspang') console.log(person.name) 类继承中的构造器的写法 在子类
Typescript高级: 函数重载和constructor重载
Wang的专栏
03-27 2073
在 TypeScript 中，类的重载主要涉及到方法的重载（Overloading），而很少涉及构造函数的重载因为 TypeScript 的类构造函数不支持像一些其他语言（如 C++ 或 Java）那样的传统意义上的重载类的构造函数（constructor）本身并不支持传统意义上的重载，因为构造函数只有一个实际的实现但是，可以通过为构造函数提供不同的参数类型或数量来模拟构造函数的重载效果这通常是通过使用联合类型（union types）和类型守卫（type guards）来实现的。
【Typescript】面向对象（上篇），包含类，构造函数，继承，super，抽象类
花椒和蕊的博客
10-04 477
假期第七篇，对于基础的知识点，我感觉自己还是很薄弱的。趁着假期，再去复习一遍：程序中所有的操作都需要通过对象来完成计算机程序的本质就是对现实事物的抽象，抽象的反义词是具体。比如照片是对一个具体的人的抽象，汽车模型是对具体汽车的抽象等。在程序中所有的对象被分成两个部分，数据和功能。以人为例，人的姓名，性别，年龄，身高，体重等属于数据，人可以走路，说话，吃饭，睡觉这些属于人的功能，数据在对象中被称为属性，而功能称之为方法面对对象，操作对象，就要先拥有对象，如何创建对象？
TypeScript 函数与以及类的使用
m0_61843988的博客
09-08 1486
函数是JavaScript应用程序的基础。它帮助你实现抽象层，模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用
typescript学习笔记：类的构造函数
go_jun的博客
06-03 3710
typescript学习笔记：类的构造函数1. 通过构造函数给类增加属性2. 调用构造方法的属性3. 构造方法的访问控制服符 1. 通过构造函数给类增加属性 类的构造方法只在实例化的时候被调用，并且只调用一次。 类的构造方法在类的外部无法访问。 例如： 可以发现类的构造函数无法在类的外部调用。 在实例化的时候调用类的构造函数，并且只调用一次。 var p1 = new Person(); 如果实例化类的时候必须为类指定一个名字，可以这么写： 通过上图可以发现，实例化Person类的时候必须指定name
TypeScript 从入门到精通
Danile-丹丹的博客
08-02 3113
一、什么是 TypeScript 先看一下官网上对 TypeScript 的介绍。 关键词：超集 言外之意 JavaScript 的所有用法 TypeScript 都支持。 关键词：Type TypeScript 强调也是其优点之意是【类型】 为什么需要 Ts 呢？举个小例子： 一个杯子可以装水，也可以当笔筒装杂物。但是，拿装杂物的杯子些许显得不太干净。物有所用，各司其职。 Js 是弱类型可以...
typescript从入门到精通
最新发布
a181001_的博客
05-12 1085
TypeScript 通过静态类型检查增强了 JavaScript，使大型应用开发更加可靠和可维护。本教程涵盖了 TypeScript 的主要特性，从基础类型到高级概念。建议从简单项目开始实践，逐步掌握 TypeScript 的强大功能。
TypeScrip默认参数、构造函数、匿名函数、箭头函数、接口函数.
CYSNLD的博客
09-09 1782
函数是JavaScript应用程序的基础，他帮你实现抽象层，模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义，行为的地方。TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用。函数分为匿名函数，命名函数(有名函数、普通函数)，箭头函数，接口函数（函数起别名）函数定义的方式//匿名函数 两个number类型参数 返回值为number类型}//调用​//有名函数 fu1就是函数名 括号后不限定则默认any}
【Typescript】类、类实例、构造函数、类是否也是构造函数....
weixin_43343144的博客
05-26 343
务必注意：Typescript中类也是一个构造函数【可以new】但是有时候针对不确定的类型需要as转换一下 才能new。
TypeScript学习笔记(9)-类
wdk996的博客
01-03 1282
类是对一个对象的描述，可以使理解更具象化。比如：传统汽车BBA，电动汽车 目前比较火的问界M9。电动汽车也继成了汽车的基本属性对吧。比如有几个车轮，几个车门，车的颜色，车的品牌。我们买车都是看品牌对吧。它也继成了车的行为比如，可以加速，刹车，拐弯。当 电动汽车继成 汽车时，它包括了汽车的所有属性和方法，以及扩展了一个 属性imax 巨幕电影 和方法 看电影实例化类的分类实例类型静态化类型关键字。参数列表，定义在创建新实例时将传递给新对象的参数。
class
过客如期的博客
02-26 547
1.在typescript中，我们使用class声明一个类，class是面向对象的核心。1.在typescript中一个class包含（1）（2）实例属性 （私有 共有 保护）（3）静态属性（4）实例方法 （私有 共有 保护）（5）静态方法。
「TypeScript系列」TypeScript 函数
日常笔记/总结/系列知识梳理
05-18 2216
在TypeScript中，函数与JavaScript中的函数非常相似，但TypeScript为函数参数和返回值提供了类型注解的能力。在 TypeScript 中，匿名函数、递归函数、构造函数和 Lambda 函数（在 TypeScript 中通常称为箭头函数）都是常见的函数类型。注意：在上面的例子中，我们只有一个函数体，但TypeScript的类型系统会确保你以正确的方式调用该函数。Lambda 函数（箭头函数）还可以省略参数括号和函数体的大括号，如果函数只有一个参数并且函数体只有一条语句的话。
TypeScript函数——看这篇就够了！
雪野Solye的博客
04-20 1198
想了解TypeScript函数，看这篇就够了！！！ 2021/04/20 第一次更新。 文章目录想了解TypeScript函数，看这篇就够了！！！函数定义函数声明式定义函数表达式定义函数声明和函数表达式不同之处函数接口定义内置构造函数定义可选参数默认参数剩余参数匿名函数匿名函数自调用递归函数函数重载箭头函数 ( lambda 表达式函数)结语 函数定义 函数是一组一起执行一个任务的语句。 您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的，但在逻辑上，划分通常是根据每个函数执行一个
TypeScript函数
归兮的博客
09-08 820
函数是JavaScript应用程序的基础，他帮你实现抽象层，模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义，行为的地方。TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用。
TypeScript学习笔记之 类
喻志强的博客
01-09 2万+
传统的JavaScript程序使用函数和基于原型（prototype）的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015，也就是ECMAScript 6开始，JavaScript程序员将能够使用基于类的面向对象的方式。 但是可能要等到下个版本的javascript发布发布才能使用
【TS】九天学会TS语法——5.TypeScript的类
m0_59873661的博客
11-07 1346
在 TypeScript 中，类是一种用于创建对象的蓝图，通过使用class关键字来创建。类可以包含属性（数据成员）和方法（函数成员）。// 属性// 方法// 方法体// 属性// 方法console.log(`你好，我是 ${this.name} ，我${this.age}岁了`);// 创建类的实例const person = new Person('清清ww', 3);// 调用方法// 输出: 你好，我是清清ww，我三岁了.
TypeScript——类（基本概念、类和对象语法、对象和内存、this、构造函数、静态方法、 存取器、继承、super、访问权限修饰符、static、重写、里氏替换原则）
qq_52301431的博客
09-25 2387
/ 类体}1. 定义类的。
Typescript 类
TyrionJ的博客
06-17 551
前言 原型prototype是javascript的一大特性,基于原型可以实现javascript中的继承。自从es6引入了class，我们可以在javascript使用类。但es6中的class只是prototype的语法糖。在typescript中我们基本可以向传统编程语言一样使用class来帮助我们实现面向对象编程。 与#c相比，ts声明类的程序成员是默认为public,也可以显示声明public 与es6相比，es6 class没有public，private等修饰符 es6 class和ts
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值