typescript
文章平均质量分 90
innagine
这个作者很懒,什么都没留下…
展开
-
typescript基础知识:装饰器使用
一、装饰器1.概念装饰器让程序员可以编写元信息以内省代码。装饰器的最佳使用场景是横切关注点——面向切面编程。面向切面编程(AOP) 是一种编程范式,它允许我们分离横切关注点,藉此达到增加模块化程度的目标。它可以在不修改代码自身的前提下,给已有代码增加额外的行为(通知)。装饰器是一种特殊的声明,可附加在类、方法、访问器、属性、参数声明上。通俗的讲装饰器就是一个方法,可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能。2.相关表现装饰器使用 @expression 的形式,其中 ex.原创 2021-07-14 01:28:36 · 757 阅读 · 2 评论 -
TypeScript基础知识:类(Class)
1 类的属性与方法在面向对象语言中,类是一种面向对象计算机编程语言的构造,是创建对象的蓝图,描述了所创建的对象共同的属性和方法。在 TypeScript 中,我们可以通过 Class 关键字来定义一个类:class Greeter { // 静态属性 static cname: string = "Greeter"; // 成员属性 greeting: string; // 构造函数 - 执行初始化操作 constructor(message: string) { .原创 2021-07-13 01:23:39 · 712 阅读 · 4 评论 -
typescript基础知识:联合类型和类型守卫
在文章的开头,笔者再次提醒小伙伴们,因为typescript是JavaScript的超集,所以说在掌握一定基础的JavaScript知识,学习typescript才会事半功倍噢。本次我们将会讲述联合类型和类型守卫,在上一篇的推文中,有涉及到相关的概念,但是我们并没有深入。在本篇推文中,我们将会将知识点掰碎了,然后慢慢分析品尝。一、守卫类型类型保护是可执行运行时检查的一种表达式,用于确保该类型在一定的范围内。 换句话说,类型保护可以保证一个字符串是一个字符串,尽管它的值也可以是一个数值。类型保护与特性.原创 2021-07-12 23:45:40 · 631 阅读 · 2 评论 -
typescript基础知识:接口与类型别名
一、接口(interface)在以往的面向对象语言中,例如Java,接口是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类去实现。TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。1.对象的形状interface Person { name: string; age: number;}let alan: Person = { name: "alan", age: 18,};.原创 2021-07-12 23:41:26 · 1270 阅读 · 6 评论 -
Typescript基础知识:断言使用
1. 类型断言有时候你会遇到这样的情况,你会比 TypeScript 更了解某个值的详细信息。通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。类型断言有两种形式:“尖括号” 语法let someValue: any = "前端收割机";let strLength: number = (<string>someValue).length;as 语法let someValue: any = "前端收割机";let strLength: number.原创 2021-07-12 23:37:24 · 2562 阅读 · 4 评论 -
typescript基础知识:泛型使用
要创建一致的定义良好的 API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在像 Java 这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。设计泛型的关键目的是在成员之间提供有意义的约束,这些成员可以是:类的实例成员、类的方法、函数参数和函数返回值。泛型(Generics)是允许同一个函数接受不同类型参数的一种模板。相比于使用 any 类型,使.原创 2021-07-12 23:31:23 · 579 阅读 · 2 评论 -
TypeScript基础知识:函数使用
本次推文介绍的内容是typescript函数,在此并以JavaScript函数作为对比。1. TypeScript 函数与 JavaScript 函数的区别TypeScriptJavaScript含有类型无类型箭头函数箭头函数(ES2015)函数类型无函数类型必填和可 选参数所有参数都是可选的默认参数默认参数剩余参数剩余参数函数重载无函数重载2. 函数类型// 方式一let IdGenerator: (chars: str.原创 2021-07-12 23:26:33 · 965 阅读 · 4 评论 -
typescript知识基础:基础类型
本期系列推文将会推进TypeScript的学习,其实我们不难看出TypeScript是JavaScript的超集,也就是说:typescript是对于JavaScript的扩展,为JavaScript添加了类型系统。优势:类型化思维方式,使得开发更加严谨,提前发现错误,减少改Bug时间类型系统提高了代码的可读性,并使维护和重构代码更加容易补充了接口(interface)、枚举(Enum)、元组(Tuple)等开发大型应用时JavaScript缺失的功能一、运行TypeScript安装(.原创 2021-07-12 23:18:16 · 426 阅读 · 4 评论