首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TypeScript学习笔记(二)—— TypeScript基础

但实际上,typescript推荐使用unknown,因为unknown是类型安全的。 任意值(Any)用来表示允许赋值为任意类型。...注意,只读的约束存在于第一次给对象赋值的时候,而不是第一次给只读属性赋值的时候: interface Person { readonly id: number; name: string... tom 可以赋值给 Animal 类型的 animal 了——就像面向对象编程中我们可以将子类的实例赋值给类型为父类的变量。...,将 tom 声明为 Cat,然后再将 any 类型的 getCacheData('tom') 赋值给 Cat 类型的 tom。...则会报错,不允许将 animal 赋值为 Cat 类型的 tom。 这很容易理解,Animal 可以看作是 Cat 的父类,当然不能将父类的实例赋值给类型为子类的变量。

5.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    深度讲解TS:这样学TS,迟早进大厂【08】:对象的类型—接口

    TS系列地址: 21篇文章带你玩转ts # 对象的类型——接口 在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。...可见,赋值的时候,变量的形状必须和接口的形状保持一致。...如果接口中有多个类型的属性,则可以在任意属性中使用联合类型: interface Person { name: string; age?...注意,只读的约束存在于第一次给对象赋值的时候,而不是第一次给只读属性赋值的时候: interface Person { readonly id: number; name: string...上例中,报错信息有两处,第一处是在对 tom 进行赋值的时候,没有给 id 赋值。 第二处是在给 tom.id 赋值的时候,由于它是只读属性,所以报错了。 参考§ Interfaces(中文版)

    91610

    【Vue3+TypeScript】CRM系统项目搭建之 — 关于拥抱 TypeScript 这件事【上】

    —— 隐式的any let b //以下对b的赋值,均⽆警告 b = 100 b = '你好' b = false 注意点: any 类型的变量,可以赋值给任意类型的变量 /* 注意点:any类型的变量...,可以赋值给任意类型的变量 */ let a let x: string x = a // ⽆警告 4.3. unknown unknown 的含义是:未知类型。...//以下对a的赋值,均正常 a = 100 a = false a = '你好' // 设置x的数据类型为string let x: string x = a //警告:不能将类型“unknown”分配给类型...“string” 若就是想把 a 赋值给 x ,可以⽤以下三种写法: // 设置a的类型为unknown let a: unknown a = 'hello' //第⼀种⽅式:加类型判断 if(typeof...null 赋值给 void 类型。

    13010

    TypeScript 对象的类型-接口

    name: string; age: number; } let faker: Person = { name: 'faker' }; // index.ts(6,5): error TS2322...let faker: Person = { name: 'faker', age: 25, gender: 'male' }; // index.ts(9,5): error TS2322...需要注意的是,一旦定义了任意属性,那么确定属性和可选属性的类型都必须是它类型的子集: interface Person { name: string; age?...上例中,使用 readonly 定义的属性 id 初始化后又被赋值,所以报错 注意,只读的约束存在于第一次给对象赋值的时候,而非第一次给只读属性赋值的时候: interface Person {...上例中,报错信息有两处: 1、在对 faker 进行赋值的时候,没有给 id 赋值 2、在给 faker.id 赋值的时候,由于它是只读属性,所以报错了 五、联合类型和接口 以下实例演示了如何在接口中使用联合类型

    3.4K10

    TypeScript-infer关键字和TypeScript-unknown类型

    U : T;type res = MyType;unknown 类型unknown 类型是 TS3.0 中新增的一个顶级类型, 被称作安全的 any任何类型都可以赋值给 unknown...类型:let value: unknown;value = 123;value = "abc";value = false;如果没有类型断言或基于控制流的类型细化, 那么不能将 unknown 类型赋值给其它类型...== value2);不能进行其它操作(因为其他操作没有意义), 虽然没有报错, 但是不推荐, 如果想报错提示, 可以打开严格模式("strict": true):图片let value1: unknown...= number & unknown;type MyType = unknown & string;unknown 除了与 any 以外, 与其它任何类型组成的联合类型最后都是 unknown 类型:...[P in keyof T]: any}type res = MyTypeunknown>图片最后本期结束咱们下次再见~ 关注我不迷路,如果本篇文章对你有所帮助,或者你有什么疑问,欢迎在评论区留言

    21210

    【TypeScript】TS类型声明(四)

    unknow(未知类型)声明变量类型为unknow时安全性更高它用于描述类型不确定的变量,这与any类型相似,但更安全,因为对未知值做任何事情都是不合法的unknown类型只能赋值给any和unknown...类型,any类型可以赋值给任意类型unknown,never 都不允许执行变量的方法以及访问内部属性在unknown没有被断言或细化到一个确切类型之前,unknown不可以赋值给其它类型,除了它自己和any...类型的变量let testValue1: unknown = unknownValue;//赋值给any类型的变量let testValue2: any = unknownValue;错误示范://赋值给...boolean类型的变量,报错,因为unknown类型只能赋值给unknown、anylet testValue3: boolean = unknownValue;//报错虽然可以对unknown类型的变量进行任意赋值...,强制让ts编译器相信我们在做什么操作void(空类型)声明对象类型为void时返回为空值function func(): void { }声明一个变量为void 时只能将它赋值为 undefined

    22010

    开心的档之TypeScript 变量声明

    ,如果将不同的类型赋值给变量会编译错误,如下实例:var num:number = "hello" // 这个代码会编译错误----类型断言(Type Assertion)类型断言可以用来手动指定一个值的类型...:1----类型推断当类型没有给出时,TypeScript 编译器利用类型推断来推断类型。...注意变量声明没有指定类型。因此,程序使用类型推断来确定变量的数据类型,第一次赋值为 2,num 设置为 number 类型。第三行代码,当我们再次为变量设置字符串类型的值时,这时编译会错误。...因为变量已经设置为了 number 类型。error TS2322: Type '"12"' is not assignable to type 'number'....实例变量: " + obj.num_val);执行以上 JavaScript 代码,输出结果为:全局变量为: 1210实例变量: 13如果我们在方法外部调用局部变量 local_num,会报错:error TS2322

    78230

    TypeScript类型声明

    五、unknow(未知类型)声明变量类型为unknow时安全性更高它用于描述类型不确定的变量,这与any类型相似,但更安全,因为对未知值做任何事情都是不合法的unknown类型只能赋值给any和unknown...类型,any类型可以赋值给任意类型unknown,never都不允许执行变量的方法以及访问内部属性在unknown没有被断言或细化到一个确切类型之前,unknown不可以赋值给其它类型,除了它自己和any...let unknownValue: unknown;//对变量进行任意赋值unknownValue = true;unknownValue = 'sss';unknownValue = 1;//赋值给unknown...类型的变量let testValue1: unknown = unknownValue;//赋值给any类型的变量let testValue2: any = unknownValue;错误示范://赋值给...boolean类型的变量,报错,因为unknown类型只能赋值给unknown、anylet testValue3: boolean = unknownValue;//报错虽然可以对unknown类型的变量进行任意赋值

    37330

    开心档之TypeScript 变量声明

    ,如果将不同的类型赋值给变量会编译错误,如下实例: var num:number = "hello" // 这个代码会编译错误 ---- 类型断言(Type Assertion) 类型断言可以用来手动指定一个值的类型...; 执行输出结果为: 1 ---- 类型推断 当类型没有给出时,TypeScript 编译器利用类型推断来推断类型。...注意变量声明没有指定类型。因此,程序使用类型推断来确定变量的数据类型,第一次赋值为 2,num 设置为 number 类型。 第三行代码,当我们再次为变量设置字符串类型的值时,这时编译会错误。...error TS2322: Type '"12"' is not assignable to type 'number'. ---- 变量作用域 变量作用域指定了变量定义的位置。...obj.num_val); 执行以上 JavaScript 代码,输出结果为: 全局变量为: 12 10 实例变量: 13 如果我们在方法外部调用局部变量 local_num,会报错: error TS2322

    81120

    TypeScript进阶

    注意:与声明不赋值区分,声明不赋值会设为任意值类型:any 类型推论(Type Inference)是指编程语言在编译期中能够自动推导出值的数据类型的能力,它是一些强静态类型语言的特性。...联合类型使用 | 分隔每个类型,表示可以赋值为其中的一种。...// 但访问 string 和 number 的共有属性不会报错,如:return something.toString(); 当联合类型的变量在被赋值的时候,会根据类型推论的规则推断出一个类型,此时访问该类型的属性不会报错...定义只读属性(只读的约束存在于第一次给对象赋值的时候,而不是第一次给只读属性赋值的时候) interface Person { readonly id: number; name: string...function sum() { let args: number[] = arguments;//错误,arguments缺少属性push } // index.ts(2,7): error TS2322

    98120
    领券