typescript
文章平均质量分 61
weixin_41387874
这个作者很懒,什么都没留下…
展开
-
深入理解TS(6)—— readonly
readonlyreadonly的作用readonly用于标记一个属性是只读的,也就是不可修改的。function foo(config: {readonly bar: number, readonly bas: number}){ console.log(config.bar) config.bar = 123 //不能将123分配到config.bar,因为config.bar是只读属性。}readonly用法直接在属性上使用在对象中使用,规定对象的属性是只读属性.原创 2022-03-23 02:13:36 · 3905 阅读 · 0 评论 -
深入理解TS(5)—— 字面量类型
字面量类型字面量类型TS支持将一个字面量当成一个类型使用。let foo: ‘Hello’;foo变量的类型是 ‘Hello’,它只能兼容字面量值为 ‘Hello’ 的变量,也只能接受 ‘Hello’ 作为赋值数据。let foo: 'Hello';foo = 'Hello'foo = 'a' //不能将'a'分配给'Hello'类型TS提供3种字面量类型字符串字面量类型字符串字面量类型就是使用字符串字面量作为类型。实际上单个的字符串字面量类型并不是很有用,但.原创 2022-03-23 02:12:02 · 1311 阅读 · 0 评论 -
深入理解TS(3)—— TS类型断言
TS类型断言类型断言的作用类型断言用于实现覆盖编译器推断的类型。也就是说,当我们使用了类型断言,那么就相当于告诉编译器,我们比它更了解这个变量应该是什么类型,编译器不应该再继续报错。interface FooType{ a: string, b: number,}const Foo = {} as FooTypeFoo.a = 'a'Foo.b = 1类型断言和类型转换的区别类型断言不等同于类型转换类型转换发生于运行时。类型断言发生于编译时。使用类型断.原创 2022-03-20 02:36:54 · 3976 阅读 · 0 评论 -
深入理解TS(2)—— TS中的函数与可调用注解
TS中的函数与可调用注解为参数添加注解在TS中,我们可以为函数的参数添加注解。为函数返回值添加注解类似于为函数的参数添加注解,TS也支持为函数的返回值添加注解。(但是一般我们不需要为函数的返回值添加注解,因为TS编译器会自动推断)。如果我们想要定义一个不返回值的函数,那么可以将函数返回值的类型定义为void。可选参数我们可以使用 ? 将某个参数定义为可选的参数。我们也可以为参数提供一个默认值。(在参数类型声明的后面使用 = initalValue)。函数重载函数重载的作用函数重.原创 2022-03-20 01:51:04 · 1955 阅读 · 0 评论 -
TS枚举 —— 数字枚举可以互相映射的原因
TS数字枚举可以互相映射的原因数字枚举TS的数字枚举是枚举的一种,TS的枚举如果不为它的枚举成员定义字符串等值的话,那么默认是数字枚举。数字枚举也就是,枚举中所有枚举成员的值都是number类型。如果不为数字枚举的枚举成员定义值,那么将从0开始递增。数字枚举互相映射数字枚举是可以互相映射的。(其他如字符串枚举都不行)enum LivingStatus{ preview, living, replay, ended}LivingStatus['preview原创 2022-03-18 02:24:53 · 1573 阅读 · 0 评论 -
深入理解TS笔记(1)—— TS的类型系统
TS的类型系统基本概念下面将说明几种基础的TS类型注解基本类型注解JS的基本类型可以用作类型注解,如可以声明某个变量的类型是number。数组注解数组注解用于为数组添加类型注解,它一般由 元素类型 + []组成(如,boolean[])。接口注解接口注解用于将多个类型注解合并为一个类型注解,这就允许我们利用接口为对象等规定类型。内联类型注解内联类型注解功能类似于接口注解,可以用于约束对象等的类型。(如果需要为多个对象提供相同的类型,那么还是建议使用接口注解.原创 2022-03-18 02:23:20 · 1539 阅读 · 0 评论 -
TS支持的ES6类(包括一些仅TS支持的特性)
TS支持的ES6类继承ES6提供了extends用于实现单继承单继承单继承是指一个类只能有一个父类语法如果想要实现继承,那么必须在子类的构造器中调用父类的构造器。(使用super()可以调用父类的构造器,传给super()的参数就是传给父类构造器的参数)。静态ES6的类支持静态成员(静态属性和静态函数)静态成员会被所有实例共享。访问修饰符(仅TS可用,当TS被编译为JS后访问修饰符就不再有意义)ES6支持访问修饰符,它们决定了成员的可访问性。public.原创 2022-03-08 01:22:40 · 589 阅读 · 0 评论 -
TS基础——为函数声明类型
TS中定义函数类型写在之前TS对JS函数的修改是,为JS函数增加了强类型语言(C++等)函数的用法。如何定义一个函数类型基础用法function add(x: number, y: number): number{ return x + y;}上面的例子中,规定了函数add的第一个参数类型必须是number,第二个参数的类型必须是number,以及函数的返回值的类型必须是number。我们也可以不定义函数的返回值类型,因为TS类型检查系统会对返回值进行类型推断。fu原创 2022-02-22 21:52:12 · 2695 阅读 · 0 评论 -
WIP:TS基础——接口(interface)
TS中的接口写在之前或许当我们只需要定义一个对象或类的时候,使用接口对它们进行约束是显得麻烦的,但是当我们需要定义具有同样结构的多个对象或类的时候,接口就体现出它的作用了。接口有什么作用,什么时候应该使用接口定义我们可以先看看接口的定义,接口是对某些数据或方法的约束规则。其他面向对象编程语言中的接口接下来我们可以先了解一下其他面向对象的语言,如C++中,接口的作用,在C++中,接口用于规定子类implements接口之后,必须实现接口中规定的变量和方法(相当于是对子原创 2022-02-18 20:54:55 · 755 阅读 · 0 评论 -
TS基础 —— 枚举
枚举简介枚举是一个键值对的形式,可以看成是JavaScript中的JSON对象一样。TS使用 enum 关键词声明枚举。如何创建一个枚举,以数字枚举举例使用enum关键词,关键词后接枚举的名称,然后创建一个大括号块,并在这个块里指定枚举成员。enum Direction{ North = 1, East, //默认递增,所以值是2 South, //值是3 West, //值是4};数字枚举数字枚举的成员都是number类型的。对于...原创 2022-02-15 20:51:53 · 2254 阅读 · 0 评论 -
TypeScript基础 -- 如何编译运行ts代码
编译运行第一个TypeScript程序在vscode中打开终端mac电脑使用快捷键 control + `,打开终端编译在终端使用命令tsc tsFn.ts会将ts文件编译成同名js文件。运行在终端使用命令node tsFn.js可以将编译出的js文件运行。...原创 2021-10-15 11:41:37 · 695 阅读 · 0 评论