typescript学习笔记：类的构造函数

最新推荐文章于 2025-05-11 13:56:46 发布
原创 最新推荐文章于 2025-05-11 13:56:46 发布 · 3.6k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#typescript #es6 #angular #前端

这篇博客探讨了如何在TypeScript中使用构造函数为类添加属性。内容包括构造函数的调用时机、如何通过构造函数设置实例属性以及构造方法的访问控制符。示例代码展示了在实例化类时如何指定属性并正确访问它们。

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

typescript学习笔记：类的构造函数

1. 通过构造函数给类增加属性

类的构造方法只在实例化的时候被调用，并且只调用一次。
类的构造方法在类的外部无法访问。
例如：
在这里插入图片描述
可以发现类的构造函数无法在类的外部调用。

在实例化的时候调用类的构造函数，并且只调用一次。

var p1 = new Person();

如果实例化类的时候必须为类指定一个名字，可以这么写：
在这里插入图片描述
通过上图可以发现，实例化Person类的时候必须指定name，不然会报错。
在这里插入图片描述

2. 调用构造方法中定义的属性

在这里插入图片描述
在这里插入图片描述
通过上图可以发现**console.log(name);没有打印出name。
通过console.log(this.name);**可以打印出name。
在这里插入图片描述
在这里插入图片描述

3. 构造方法的访问控制符

构造方法中必须给属性添加访问控制符。
在这里插入图片描述
如果不添加访问控制符，会认为Person类中没有name这个属性。

另外，
typescript可以在线编译，网址连接：
link.
https://www.tslang.cn/play/index.html

go_jun
关注
TypeScript学习笔记(全)
q1372302825的博客
06-30 1352
本文概述了TypeScript的基本类型系统，包括但不限于原始类型（如string、number、boolean）、数组、元组、枚举以及任意类型（any），强调了类型注解在提升代码质量方面的作用。探讨了类与接口的使用，如何通过类的继承、接口的实现来促进代码复用与结构化设计。介绍了泛型的概念与应用，文章还涉及了高级主题，如类型推断、类型别名、装饰器的使用，以及如何利用模块和命名空间组织提升项目的可管理性。
Typescript 构造函数
pz1021的博客
03-15 2731
构造函数 构造函数就是在类被初始化的时候,自动执行的一个方法 构造函数的关键字:constructor 类的构造函数 希望在person类中定义一个name属性,name属性并不给初值,在new出对象的时候通过传递参数的形式给name赋值 class Person{ constructor(public name:string){ } } const person= new Person('jspang') console.log(person.name) 类继承中的构造器的写法 在子类
TypeScript从入门到精通（十二）类的构造函数
qq_42251357的博客
10-13 1461
类的构造函数（关键字constructor） 类的里边定义一个name，但是name我们并不给他值,然后我们希望在new出对象的时候，直接通过传递参数的形式，给name赋值，并打印出来。这时候我们就需要用到构造函数了。 class Person { public name:string ; //关键字constructor 语法糖 constructor(name:string){// this.name=name } } let person = new
TypeScript 中的泛型工具详解
最新发布
越陌度阡
05-11 588
TypeScript提供了多种泛型工具类型，用于灵活操作和转换类型。基础工具类型包括Partial（使属性可选）、Required（使属性必选）、Readonly（使属性只读）、Record（构造特定属性类型）、Pick（选取部分属性）和Omit（排除部分属性）。条件类型工具如Exclude（排除特定类型）、Extract（提取特定类型）和NonNullable（排除null和undefined）。函数相关工具如ReturnType（获取返回值类型）、Parameters（获取参数类型）、Construct
TypeScrip默认参数、构造函数、匿名函数、箭头函数、接口函数.
CYSNLD的博客
09-09 1696
函数是JavaScript应用程序的基础，他帮你实现抽象层，模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义，行为的地方。TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用。函数分为匿名函数，命名函数(有名函数、普通函数)，箭头函数，接口函数（函数起别名）函数定义的方式//匿名函数 两个number类型参数 返回值为number类型}//调用​//有名函数 fu1就是函数名 括号后不限定则默认any}
TypeScript 函数与以及类的使用
m0_61843988的博客
09-08 1373
函数是JavaScript应用程序的基础。它帮助你实现抽象层，模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用
【Typescript】类、类实例、构造函数、类是否也是构造函数....
weixin_43343144的博客
05-26 273
务必注意：Typescript中类也是一个构造函数【可以new】但是有时候针对不确定的类型需要as转换一下 才能new。
TypeScript学习笔记：深入理解语言特性
资源摘要信息:"TypeScript学习笔记" 1. TypeScript基础入门 TypeScript是JavaScript的一个超集，主要提供了类型系统和对ES6+的支持。它通过在JavaScript的基础上添加静态类型定义，使得代码具有更好的可读性和可...
TypeScript学习笔记：核心概念与实践
- 构造函数类型：可以引用类的构造函数。 - Intersection 类型：交集类型允许你将多个类型合并为一个类型。 - Union 类型：联合类型表示变量可以是多种类型之一。 ### TypeScript 的工具链 TypeScript 的编译过程...
TypeScript学习笔记：超越JavaScript的强类型语言
"typescript自学书写笔记，涵盖了TypeScript的基本概念、优缺点、基础类型、语法、变量声明、数组、Map对象、元组、联合类型、枚举、类、接口、泛型等内容，旨在深入理解TypeScript与JavaScript的差异，并提供官方...
typescript-learning:打字稿学习笔记
03-18
打字稿学习 打字稿学习笔记 目录 demo1.ts：定义，优势，环境 demo2.ts：基础类型和对象类型 ...demo7.ts：类与继承，访问类型，构造器 demo8.ts：静态属性，getter和setter demo9.ts：抽象类和接口复制
typescript的基本结构,TypeScript构造函数
weixin_33765959的博客
01-13 407
i tried to create a class with two constructors and find out that TypeScript are not allowing that, but it allow overloading of constructor, well I tried it to and get an error :Build: Overload signat...
6.0 TypeScript 类的构造函数
本以为成功很简单，没想到活成普通人都需拼尽全力！
03-18 859
上一篇： 4.0 TypeScript面向对象-类的简介_十一月丶萧邦的博客-优快云博客 本篇记录类的构造函数，首先我们先看一个例子，为什么需要构造函数？ class Dog { name: string = '旺财' age: number = 3 bark(): void { alert('旺旺旺！') } } let dog1 = new Dog() let dog2 = new Dog() let dog3 = new Dog() con
Typescript的构造方式
Cupido
06-18 488
ts为结构化对象提供了构造器 构造方式与其他面向对象语言的构造方式基本相同
重拾TypeScript-12 类的构造函数
从盲流子到程序员
11-22 251
//构造函数 classPerson{ constructor(publicname:string){} } //继承 classteacherextendsPerson{ constructor(publicage:number){ super('jspang') } } constteacher1=newteacher(18); console.log(teacher1.name); cons...
「TypeScript系列」TypeScript 函数
日常笔记/总结/系列知识梳理
05-18 1955
在TypeScript中，函数与JavaScript中的函数非常相似，但TypeScript为函数参数和返回值提供了类型注解的能力。在 TypeScript 中，匿名函数、递归函数、构造函数和 Lambda 函数（在 TypeScript 中通常称为箭头函数）都是常见的函数类型。注意：在上面的例子中，我们只有一个函数体，但TypeScript的类型系统会确保你以正确的方式调用该函数。Lambda 函数（箭头函数）还可以省略参数括号和函数体的大括号，如果函数只有一个参数并且函数体只有一条语句的话。
TS之类的构造函数
youhebuke225的博客
04-13 3291
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() // 孙悟空 概
Typescript(五) 类的构造函数 + 类的getter setter static + 抽象类和只读属性的使用
Mark_fu博客
10-02 704
1 类的构造函数 老规矩 初始定义一个最简单的构造函数 并尝试使用一下 class Person1 { public name: string; // 这个地方就是我的构造函数 constructor(name: string) { this.name = name; } } // 后面必须传入参数 否则报错 const per1 = new Person1("xiaofu"); console.log(per1.name); 结果和你想的一样 简化一下 class P
TypeScript中类的访问类型与构造器
weixin_42854323的博客
04-05 286
类的访问类型 public 允许在类的内外被调用 private 允许在类内被使用 protected 允许在类内及继承的子类中使用 constructor class Person { // 传统写法 public name: string; constructor(name: string) { this.name = name; } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值