TS变量初始

最新推荐文章于 2023-10-06 20:49:56 发布
最新推荐文章于 2023-10-06 20:49:56 发布
阅读量2.2k 收藏
点赞数
分类专栏： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43939379/article/details/114675569
版权
本文详细介绍了TypeScript中的变量类型，包括number、boolean、string等基础类型，any、unknown、void、never等特殊类型，以及object、array、enum、tuple等复杂类型。此外，还探讨了类的实例属性、静态属性、抽象类，接口的使用以及如何通过接口实现类。文章还讨论了属性封装，如public、private和protected的访问修饰符，以及get和set方法。最后，深入讲解了泛型和交叉类型的概念及其应用。
摘要由CSDN通过智能技术生成

变量类型

  • number 表示数字类型的值
  • boolean 表示布尔类型的值
  • string 表示字符类型的值
  • any 表示一个任意类型的值（慎用，会影响其他的变量的类型）
  • unknown 表示一个未知的值
  • void 表示空值
  • never 表示没有值
  • object对象
  • array数组
  • enum枚举类型
  • tuple元祖类型

在使用any的时候需要注意，在赋值的时候可以影响被赋值的变量，不会触发ts的错误评判。

Unknown，其实是一种类型安全的any，不能直接赋值给其他变量neve

类

实例属性：

  • readonly只读属性
  • static 静态属性

抽象类

abstract 禁止一个类用来创建一个对象(用来给人家当爹的，只是用来被继承的)

接口

（当做一个类型去使用，可以在定义类的时候去限制类的使用），interface 用来定定义一个类中应该包含哪些属性，同时接口也可以当做类型声明去使用

使用类去实现接口

class MyPoint implements Point{
   
  x:number,
  y:number
}

属性封装

  • public 公共属性，都可以访问

最低0.47元/天 解锁文章
孤城瘾
关注
专栏目录
typescript 泛型类中的泛型变量的初始化（2.7+ 版本新特性，确定分配断言！的使用）
Kätzchen-408的博客
04-07 2337
Typescript 2.7 新特性：类型断言的！符号的使用项目场景问题描述：原因分析：解决方案： 项目场景 在用ts写抽象类的时候在初始化成员变量。 问题描述： 编译器没有报错，但是在控制台出现了如下问题： Property ‘defaltValue’ has no initializer and is not definitely assigned in the constructor. 其中defaltValue是泛型类中的成员变量，也是泛型类。 原因分析： 提示：这里填写问题的分析： 例如：
TypeScript -- 初始TS
wust_cyl的博客
08-04 782
因为最近的项目开始使用TS，感觉有必要来学习一波咯，撸起袖子学起来吧！ TS介绍 TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格，C#的首席架构师，已工作于TypeScript的开发。 [2-5] TypeScript扩展了JavaScript的语法，所以任何现有的...
变量初始化的问题
houhou_houhou的专栏
03-02 412
 下面两个定义是否不同？有何不同？   int  month = 9, day = 7;   int  month =09, day = 07; 第二句day被初始化为八进制的7，而month被初始化为八进制的09，所以会出错(因为八进制只能表示0~7)
typescript 批量给多个变量初始化一个数组
weixin_35755640的博客
12-26 590
在 TypeScript 中，可以使用解构赋值的语法来批量给多个变量初始化一个数组。 例如，假设你有一个数组 arr，并希望给三个变量 a、b、c 分别赋值，那么可以这样写： let arr = [1, 2, 3]; let [a, b, c] = arr; 这样，a 的值就是 1，b 的值就是 2，c 的值就是 3。 注意，如果你要解构赋值的数组的长度比你要赋值的变量的数量少，那么剩余的变量将...
数组的三种初始方法 静态初始化 默认初始化 动态初始化
qq_42384510的博客
07-31 9995
  package cn.sxt.arrays; /**  * 测试数组的三种初始化的方式  * @author 高淇  *  */ public class Test02 { public static void main(String[] args) { //静态初始化 int[]  a = {2,4,65}; User[]  b ={ new User(1001,"高淇"), new ...
ts如何初始化一个Function的变量
05-20
要初始化一个函数变量，你可以使用函数表达式或者函数声明语句。 使用函数表达式： ```typescript const myFunc = function(arg1: string, arg2: number): boolean { // 函数体 return true; }; ``` 使用函数...
TypeScript语法基础：变量声明
XSL_HR的博客
10-01 5549
本文是我在学习TS课程中的一些学习笔记和听课记录，从这一期开始将正式进入TS的【变量声明】部分，本节内容紧接上一期【TS语法|基础入门】《前端的未来——TypeScript》了解TS的基础数据类型的内容，重点介绍TS的变量声明。创作不易！多多关照！
Ts 数组的使用
crazy_yun的博客
06-08 1万+
数组的常用操作，增、删、改、查、置空、遍历、迭代、初始化、与字符串的相互转换、连接两个数组、查找符合条件的多个数组元素、判断该数组的所有元素或者单一元素是否符合某个条件等内容............
ts对象成员设置初始值为空赋值为number
热门推荐
Li-的博客
05-12 1万+
项目场景： 在编写项目表单的时候，我们经常会使用到下拉选择器，对于选择器value的值一般为string或number类型，此次是为number类型的问题 问题描述： 在使用ts的对象成员时，必须对其赋初值，否则不能使用如batchMes.varietyId或对对象内不存在的值赋值。 const [batchMes, setbatchMes] = useState({ batchName: '', batchNum: '', batchMeasure: 0, breedF
初学TS—TS的基础类型
qq_42445025的博客
08-09 508
TS的基础类型 Boolean类型 let isDo:boolean = true; === var isDo = true Number类型 let num:number = 5; === var num = 5 String类型 let name:string = 'mery'; === var name = 'mery' Array类型 let arr:number[] = [1,2,3]; === var arr =[1,2,3] let
规范TS项目Any类型的使用
weixin_43827779的博客
09-17 6388
背景 在使用React的开发项目时，大多数关于ts的类型定义问题，可以在备忘单里面找到；但是当遇到数据类型为数组，对象的时候，为了方便，使用any来进行定义，或者直接用空数据来初始化，当项目变得庞大时，一个组件可能会包括20多个any，使得不容易维护。 由于any会完全失去类型判断，其实是比较危险的，使用any就相当于放弃了类型检测，也就基本上放弃了typescript。 规范化TS的写法，将更有利用项目更好地维护，提高代码的可读性。 使用any较多的场景 定义变量时，变量的数据来源于接口，而接口数量多，定
浅浅学一下TS（ts基础day1）
qq_53145332的博客
03-10 962
TS基础语法 TS文件先要经过 tsc 命令编译： tsc 文件名.ts 形成一个js文件,然后运行js文件 node 文件名.js 流程图如下 typescript 面向对象实例： //typescript 面向对象实例 class Site { name(): void { console.log('Runoob') } } var obj = new Site() obj.name() 形成的js文件如下 //typescript 面向对象实例 var Sit
TypeScript
糖衣
09-21 2832
TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持。 TypeScript 的命令行工具安装方法入下：npm install -g typescript 安装完就可以使用 tsc 命令，来编译 TypeScript 文件，生成 .js 文件。tsc hello.tsTypeScript 只会进行静态检查，如果发现有错误，编译的时候就会报错。但是 TypeScript
数组在TypeScript中是如何工作的
最新发布
m0_73481765的博客
10-06 225
总之，数组在 TypeScript 中是一种灵活且常用的数据结构，它提供了许多方法和操作，使我们能够有效地处理和操作多个数据。通过类型系统的支持，我们可以更好地对数组中的元素进行类型约束和操作，从而增强代码的可读性和安全性。在 TypeScript 中，数组是一种特殊的数据类型，用于存储多个相同类型的值。泛型数组：TypeScript 还支持使用泛型来定义数组类型，以实现对不同类型数据的约束。访问数组元素：可以使用索引来访问数组中的元素。数组声明和初始化：可以使用以下方式声明和初始化数组。
TypeScript 数组
weixin_42274805的博客
09-10 353
ts的数组几乎与js数组操作一致。本文主要讲一些需要关注的地方。
typescript类成员变量定义的时候直接初始化的一个现象
握瑜的专栏
06-07 356
创建了一个父子类的继承结构，子类在父类基础上会增加若干的成员变量，并在子类非构造方法中给对应的成员变量赋值，这个成员方法实在父类构造函数中调用的，子类继承并重写了该方法；这样就发现子类型实例化以后，增加的成员属性一直是初始值，在上述方法中的赋值没生效。
TypeScript详解一：TS安装、初始化配置、简单数据类型
to_the_Future的博客
07-17 2260
记录下ts的一些知识，下次再见。
ts中，定义了一个对象，去给这个对象赋值之前，别忘记先初始化！！！
weixin_43228497的博客
04-08 1万+
ts中，定义了一个对象，去给这个对象赋值之前，别忘记先初始化！！！ 初始化代码如下： private gun: Gun = { oilgunNum: '0', oilType: '', };
一些常用Array数组的方法
weixin_43844696的博客
06-03 397
concat()连接两个或更多的数组，并返回结果。 // 连接两个或更多的数组，并返回结果。 var alpha = ["a", "b", "c"]; var numeric = [1, 2, 3]; var alphaNumeric = alpha.concat(numeric); console.log("alphaNumeric : " + alphaNumeric ); // a,b,c,1,2,3 every()检测数值元素的每个元素是否都符合条件。 // ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值