TypeScript的类型注解和类型推断

最新推荐文章于 2024-08-10 17:25:51 发布
最新推荐文章于 2024-08-10 17:25:51 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： TypeScript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hjc256/article/details/105248002
版权
本文介绍了TypeScript中的类型注解和类型推断。类型注解允许开发者明确指定变量的类型，而类型推断则能在多数情况下自动判断变量类型。尽管大部分时候可以依赖类型推断，但在函数参数和跨行声明的变量等场景下，类型注解是必要的，以确保类型安全。
摘要由CSDN通过智能技术生成

TypeScript希望开发者写出的代码中每个变量的类型都是确定的，而想要做到这一点就需要类型注解和类型推断。

类型注解（Type annotation）

所谓类型注解，就是人为为一个变量指定类型，例如：

const count: number = 123;
const word: word = '123';

// TypeScript中一个变量的类型并不一定是固定的，例如

let temp: string | number =
最低0.47元/天 解锁文章
Meskjei
关注
专栏目录
Typescript 高级类型推断
海未枯，风未静的博客
03-17 1221
## 由key推断值 由类型的key得到值的类型 ```ts typeValueof<Textendsany,KextendskeyofT>=T[K] typeValues<T>=Valueof<T,keyofT> typeObj={ a:'1' b:'b', c:3 } letobjVal:Valueof<Obj,'a'|'c'>//objVal-...
TypeScript类型注解和类型推断
Riven的博客
10-15 490
类型注解和类型推断 //类型注解 let count:number ; count = 123; 这段代码就是类型注解，意思是显示的告诉代码，我们的count变量就是一个数字类型，这就叫做类型注解。 当你明白了类型注解的概念之后，再学类型推断就更简单了，先来看一段代码。还是下面的代码。 let countInference = 123; 这时候我并没有显示的告诉你变量countInference是一个数字类型，但是如果你把鼠标放到变量上时，你会发现 TypeScript 自动把变量注释为了number
TypeScript Type Innference(类型推断)
weixin_34343308的博客
03-09 115
在这一节，我们将介绍TypeScript中的类型推断。我们将会讨论类型推断需要在何处用到以及如何推断。 基础 在TypeScript中，在几个没有明确指定类型注释的地方将会使用类型推断来提供类型信息。 var x = 3; 变量"x"的值被推断为number。这种推断发生在变量或者成员初始化、设置参数默认值、决定函数返回类型的时候。 最佳公共类型 当需要从多个表达式中进行类型推...
TypeScript 类型注解（一）
最新发布
2401_84341405的博客
08-10 958
1、什么是TpyeScript类型注解- 是否还记得TypeScript的两个重要特性？- 类型系统、适用于任何规模- 可以说，TS的类型系统是TS最重要的功能；那么什么是类型注解呢？其实就是在声明变量时，将变量的类型一同声明出来let 变量.类型=“值”简写：let 变量 = 值当省略.类型时，系统会自动根据当前值确定当前变量的类型2、类型注解的优势- 当使用类型注解之后，变量值的类型将不能发生改变，否则就会报错，这样就可以保证代码的严谨性和规范性。
【TypeScript教程】05—理解 TypeScript 中的类型注解
web前端开发
04-15 423
英文 | https://www.javascripttutorial.net翻译 | 杨小爱在今天的教程中，我们将了解 TypeScript 中的类型注释。什么是 TypeScript 中的类型注解TypeScript 使用类型注释来显式指定标识符的类型，例如变量、函数、对象等。TypeScript 使用语法 : type 在标识符之后作为类型注释，其中 type 可以...
typescript 类型推断
过客如期的博客
02-20 367
1.在typescript中，我们在声明一个变量的时候通常会指定其类型。但是，如果有的时候没有指定类型，那么typeScript会依照类型推论的规则推断出一个类型。
Typescript 类型推断
_
03-15 723
TypeScript 能根据一些简单的规则推断（检查）变量的类型，你可以通过实践，很快的了解它们。 #定义变量 变量的类型，由定义推断： `let foo = 123; // foo 是 'number' let bar = 'hello'; // bar 是 'string' foo = bar; // Error: 不能将 'string' 赋值给 `number`` 这是一个从右向左流动类型的示例。 #函数返回类型 返回类型能被return语句推断，如下所示，推断函数返回为一个数字：..
TS : typescript 类型注解
yivisir的博客
11-06 4116
TS : typescript 类型注解 在ts中，类型注解是一种为函数或者变量添加约束的方式。 1. 基础的类型 boolean,number,string 2. 数组 ts可以想js一样操作数组元素，定义数字有两种方式。 let list : number[] = [1,2,3]; //or let list : Array<number> = [1,2,3]; 3. 元组 元组类型表示允许数组内的类型各不相同，但是在赋值时需要按照类型顺序来赋值。 let list :
TypeScript的类型注解--(TypeScript 02)
Always-Learning
07-19 681
TS中的类型注解 基础类型：boolean string number null undefined symbol any never 对象：interface 数组：number[] string[] boolean[] 泛型的写法：Array<number> TS带来的新的语法特性 as 断言 class(OOP面向对象的三大特性)：封装、继承、多态 还有其他的，后续文章会进行详细的介绍。 创建tsconfig.json tsc --init 修改tsc的输出路径 在tscon
什么是typescript？typescript的特点、typescript的安装与编译、typescript的原始和内置类型、typescript类型注解基本语法、typescript常见类型
CIA的博客
12-28 2539
什么是typescript？typescript的特点、typescript的安装与编译、typescript的原始和内置类型、typescript类型注解基本语法、typescript常见类型
TypeScriptAnnotations:TypeScript 的注解库
06-19
#TypeScript注解 目前正在 TypeScript 编译器上完成工作，以在此处启用 TypeScript 中的注释 一旦开发完成，这个存储库将成为一个关于如何使用 TypeScript Annotations 的示例项目。 在那之前，这里是我认为它会是什么样子的一瞥。 class ExampleAnnotation { constructor ( private name : String = "" ) { } public getName ( ) : String { return this . name ; } } @ MyAnnotation ( ) class AnnotatedClass { @ MyAnnotation ( "example" ) public annotatedFunction (
ts类型注解和类型推断
m0_62487693的博客
03-29 191
【代码】ts类型注解和类型推断。
TypeScript之类型推断
weixin_73918953的博客
03-11 495
TypeScript里，在有些没有明确指出类型的地方，类型推论会帮助提供类型。变量x的类型被推断为数字。这种推断发生在初始化变量和成员，设置默认参数值和决定函数返回值时。大多数情况下，类型推论是直截了当地。后面的小节，我们会浏览类型推论时的细微差别。
TypeScript------＞类型推断
shuzhong_wjp的博客
03-30 156
1.初始化一个变量 let a //any类型 let b = 1 //number类型 let c = [1] //number[] 类型 设置函数默认参数的时候 x被推断为number类型，函数d的返回值类型被推断为number类型 let d = (x=1)=> x+1 2.最佳通用类型推断 ---- 当需要从多个类型中推断出一个类型的时候，ts就会尽可能的推断出一个兼容当前所有类型的通用类型 number和null不兼容，所以c就会...
typescript 基础类型注解
zlguaizhang的博客
11-19 545
此章节主要介绍了ts基础类型注解方式以及函数的定义、调用、类型注解
TypeScript 快速上手学习系列 —— 类型注解
且听风吟的博客
03-30 2891
TypeScript 通过类型批注提供静态类型以在编译时启动类型检查。
TypeScript类型注释
qq_37464878的博客
06-02 1998
typescript使用类型注释来进行静态类型检查其中基本类型正常注释即可，选择大小写均可。对于引用类型需要特别注意。如果使用Object或object注释：（1）则会认为对象是空对象，不可以对其属性进行改查。（2）宽松地类型检查，声明obj时赋初始值，属性任何类型都是合理的 （推荐使用）如果使用对象字面量进行注释：（1）则会认为对象是灵活的，可以对其属性进行改查。（2）正常的类型检查，obj赋值时，属性必须严格对照注释 1.1.2 注释：Function 注释Function分为箭头函数和普通函数
typescript类型推断
09-09
TypeScript 的类型推断是指 TypeScript 在编译阶段自动推断变量的类型，根据变量的赋值和使用情况来确定其类型。这样可以减少显式的类型注解，提高开发效率。 TypeScript 的类型推断是基于以下几个原则： 1. 变量初始化：当变量被初始化时，TypeScript 根据初始值的类型推断出变量的类型。 2. 上下文类型：当变量被赋值给其他变量或作为参数传递给函数时，TypeScript 根据赋值或使用的上下文推断出变量的类型。 3. 函数返回值：当函数有返回值时，TypeScript 根据函数内部的逻辑推断出返回值的类型。 4. 隐式类型转换：当进行隐式类型转换时，TypeScript 会根据转换的规则推断出目标类型。 例如，下面的代码演示了 TypeScript 的类型推断： ```typescript let x = 10; // 推断 x 的类型为 number let y = 'hello'; // 推断 y 的类型为 string let z = [1, 2, 3]; // 推断 z 的类型为 number[] let obj = { name: 'Alice', age: 30 }; // 推断 obj 的类型为 { name: string, age: number } function add(a: number, b: number) { return a + b; } let result = add(1, 2); // 推断 result 的类型为 number ``` 需要注意的是，类型推断并不是完全可靠的，有些情况下可能无法推断出准确的类型，或者推断出的类型并不符合预期。在这些情况下，我们可以使用显式的类型注解来明确指定变量的类型。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值