typescript类的属性没有初始化

已于 2023-04-25 18:22:11 修改
阅读量476 收藏
点赞数
分类专栏： 我的typescript学习日志 文章标签： typescript
于 2023-04-16 19:16:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43498949/article/details/130186441
版权
文章介绍了在TypeScript中遇到类的属性没有初始化时的四种解决方法：一是给属性添加undefined数据类型；二是使用非空断言操作符(!)；三是直接给属性赋值；四是将属性定义在构造器上并添加public关键字。每种方法都有其适用场景和注意事项。
摘要由CSDN通过智能技术生成

文章目录

解决typescript类的属性没有初始化的报错

在给typescript雷达属性进行赋值时候，出现以下问题：
在这里插入图片描述
报错的意思就是属性name没有初始表达式，

解决方法一

在这里插入图片描述
给属性增加一个undefined数据类型
注意：这种解决方法可能会出现如下报错：
如下图：price与count应该是number类型，但是却赋值了一个undfined
在这里插入图片描述
这里可以用方法二进行解决

解决方法二

在这里插入图片描述
为类型赋值加上感叹号

解决方法三

给name属性进行赋值
在这里插入图片描述

解决方法四

在这里插入图片描述属性不在定义在类中，而是定义到构造器上，并增加public 关键字。

supmyre
关注
专栏目录
【TypeScript】TS自定义类型之对象属性必选、对象属性可选（十一）
编码世界
04-03 6万+
TS中实现对象属性必选、对象属性在开发过程中十分常见，前端在传参数时，有些参数比必传，有些是选传，我们可以定一个多个对象来实现传参，但是这让代码变得冗余。我们可以通过TS定义数据类型来实现。
typescript 泛型类中的泛型变量的初始化（2.7+ 版本新特性，确定分配断言！的使用）
Kätzchen-408的博客
04-07 2321
Typescript 2.7 新特性：类型断言的！符号的使用项目场景问题描述：原因分析：解决方案： 项目场景 在用ts写抽象类的时候在初始化成员变量。 问题描述： 编译器没有报错，但是在控制台出现了如下问题： Property ‘defaltValue’ has no initializer and is not definitely assigned in the constructor. 其中defaltValue是泛型类中的成员变量，也是泛型类。 原因分析： 提示：这里填写问题的分析： 例如：
TypeScript如何延迟初始化类变量
jiangchao_mars的博客
08-28 874
问题背景 在某些特定场景下，类变量在初始化时是无法明确定义的，必须等到运行过程中才能确定赋值。 import { IStrategy } from "./IStrategy"; export class StrategyContext { // 使用多态 private strategy: IStrategy; // 策略可切换 setStrategy(strategy: IStrategy): void { this.strategy = strategy
tensorflow 报错 InternalError Dst tensor is not initialized
yukinorong的博客
11-25 1717
Dst tensor is not initialized 为显存容量不够导致错误。 原因为tensorflow申请显存的方式比较贪心，貌似会无限申请显存，直到超出界限就报错。 解决办法： 修改系统环境变量 CUDA_VISIBLE_DEVICES=n (让cuda只能看到某个显卡，n为gpu编号。 gpu0 即n=0）参考： https://blog.csdn.net/u010454261/...
TypeScript入门指北（二）
webyouxuan的博客
09-21 289
戳蓝字"前端优选"关注我们哦！泛型泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。初识泛型泛型只在编译阶...
TypeScript详解六：抽象类（abstract）
to_the_Future的博客
07-24 1583
本篇文章主要记录ts的抽象类，下次再见。
TypeScript实战-08-TS类的声明和实现,类的继承和成员修饰符
BraveWangDev
09-12 4460
一,前言 基于原型prototype的JS,一直在模拟面向对象, 后来ES6引入了class关键字,使JS能够像传统面向对象语言一样创建一个类 在TS中,对ES6的类进行了增强,引入了更多特性 二,定义一个类 使用TS定义一个类: class Dog { constructor(name: string) { this.name = name; } na...
【TypeScript 4.5】008-第 8 章 类
weixin_65251013的博客
01-16 994
在一个字段前面加上这个前缀，可以防止我们在构造函数之外对这个字段进行复制getters和setters是我们类里面特殊的一些方法，我们称为访问器/存取器（设置器）派生类也可以覆盖基类的一个字段或者是属性可以使用super.语法范围基类的方法需要注意:javascript类是一个简单的查找对象，他没有超级字段的概念TypeScript强制要求派生类总是他的基类的 一个子类型。
typescript antd form表单初始化数据
最新发布
10-11
2. **初始化数据**：你可以通过设置 `initialValues` 属性来传递初始数据给 Form。这可以是一个 JavaScript 对象，其中包含了表单字段的键值对。例如： ```typescript const initialFormData = { username: '', ...
TypeScript装饰器定义 类装饰器 属性装饰器 装饰器工厂.zip
11-05
它们被放在属性声明之前，可以用来记录属性的创建、执行额外的初始化或者在属性访问时执行逻辑。下面是一个属性装饰器的例子： ```typescript function logProperty(target: any, propertyName: string) { console...
TS类中初始化属性语法糖
XunLin233的博客
10-08 446
【代码】TS类中初始化属性语法糖。
TS
Zz1173的博客
06-22 767
TS
Console.log不输出信息？
热门推荐
wukong569177266的博客
11-12 1万+
最近在用谷歌浏览器的console研究某个网站时，遇到console.log不输出任何信息的情况。而且这种不输出是独特的，在其它标签页里的其它网站网页下，console.log()输出是正常的，只有这个特定网页，console.log()不输出。 通常，这种情况的产生是因为console里log level设置的不对引起的，如图，我们需要把“info”菜单勾选上，info级别的debug信息才会显示出来。console.log就是属于“info”级别。 但今天遇到的这个问题不是由于debug level引起
Web前端之Css选择第一个或最后一个元素、排除第一或最后一个标签、选择偶数或奇数标签、等差数列标签的选择、选择最后n个标签、第n个标签、child、first、last、nth
我的"CSDN"博客主页地址：https://mengjian.blog.csdn.net/
11-23 4438
Web前端之Css选择第一个或最后一个元素、排除第一或最后一个标签、选择偶数或奇数标签、等差数列标签的选择、选择最后n个标签、第n个标签、child、first、last、nth
ts2.7版本特性
Gloomysunny的博客
10-06 420
ts2.7版本特性 这个版本增加了比较实用的!annotation、到4.5版本（本文记录时）都在用的tuple修正形式、class相关的推断增强，以及好用的--esModuleInterop Constant-named properties 对象属性可以采用常量进行声明，也可以使用Symbol const Foo = "Foo"; const Bar = "Bar"; let x = { [Foo]: 100, [Bar]: "hello" }; unique symbol ts2.7新增
TypeScript (TS
m0_61044901的博客
06-14 921
TypeScript（TS）
TypeScript—TypeScript的自动编译（四）
zhou139856的博客
07-12 679
TS文件自动编译整个项目的ts文件为js文件以及相关配置
ts报错Property ‘zeroValue‘ has no initializer and is not definitely assigned in the constructor.
zhangyr的博客
08-05 1209
1.出现报错的几种原因 （1）属性类型不对 （2）没有初始化 （3）undefined或null 2.解决的方法 （1）tsconfig.json中修改 "compilerOptions": { "strictPropertyInitialization": false } （2）非空断言!: （3）?: （5）联合 value | undefined | null ...
TypeScript详解一：TS安装、初始化配置、简单数据类型
to_the_Future的博客
07-17 2192
记录下ts的一些知识，下次再见。
typescript类
09-11
TypeScript是一种静态类型的编程语言，它是JavaScript的超集，可以为JavaScript代码添加类型注解和其他高级功能。在TypeScript中，类是一种面向对象的编程结构，用于创建对象和定义对象的属性和方法。 要创建一个类，在TypeScript中使用关键字`class`，后跟类的名称。类可以有属性和方法。 下面是一个简单的 TypeScript 类的示例： ```typescript class Person { name: string; age: number; constructor(name: string, age: number) { this.name = name; this.age = age; } sayHello() { console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`); } } const person = new Person("John", 25); person.sayHello(); // 输出：Hello, my name is John and I'm 25 years old. ``` 在上面的示例中，我们定义了一个名为`Person`的类，它有两个属性（`name`和`age`）和一个方法（`sayHello`）。构造函数用于初始化对象的属性。我们创建了一个`person`对象，并调用了`sayHello`方法来输出一条问候语。 这只是一个简单的示例，你可以根据需要在类中添加更多的属性和方法。类还可以继承其他类，实现接口等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值