
TypeScript
文章平均质量分 89
一个支持ES6的JavaScript的超集,可开发大型应用,可编译成纯的JavaScript。
是小先生
从头开始,为时不晚。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
TypeScript----高级类型(第二篇)
一、类型别名1、接口VS类型别名二、字符串文本类型三、数字文本类型四、枚举成员类型五、可辨识联合1、完整性检查原创 2021-09-27 11:00:49 · 263 阅读 · 0 评论 -
TypeScript----高级类型(第一篇)
一、交叉类型交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型,它包含所有类型的特性。我们大多是在混入或其它不适合典型面向对象模型的地方看到交叉类型的使用。在JavaScript里发生这种情况的场合很多!,举例:function extend<T,U>(first:T,second:U):T & U{ let result = <T & U>{}; for (let id in first) { ..原创 2021-09-09 15:54:18 · 1476 阅读 · 0 评论 -
TypeScript----类型兼容性
前言TypeScript里的类型兼容性是基于结构子类型的,结构类型是一种只能使用其成员来描述类型的方式。它正好与名义类型形成对比。(在基于名义类型的类型系统中,数据类型的兼容性或等价性是通过明确的声明或类型的名称来决定的。这与结构性类型系统不同,它是基于类型的组成 结构且不要求明确地声明。)例如:interface Named{ name: string;}class Person{ name: string;}let p: Named;//可以,因为结构类...原创 2021-09-06 08:33:14 · 387 阅读 · 0 评论 -
TypeScript----类型推论
目录前言一、基础二、最佳通用类型三、上下文类型前言这节介绍TypeScript的类型推论,即,类型是在哪里如何被推断的。一、基础TypeScript里,在有些没有明确指出类型的地方,类型推论会帮助提供类型。比如:let x = 3变量x的类型被推断为数字。这种推断发生在初始化变量和成员,设置默认参数值和决定函数返回值时。大多数情况下,类型推论是直接了当地。后面的小节,我们会浏览类型推论时的细微差别。二、最佳通用类型当需要从几个表达式中推断类型时候,会使用原创 2021-09-03 10:11:04 · 581 阅读 · 0 评论 -
TypeScript----枚举
目录前言一、枚举1、数字枚举2、字符串枚举3、异构枚举4、计算成员和常量成员5、联合枚举与枚举成员的类型6、运行时的枚举7、编译时的枚举8、反向映射9、const枚举二、外部枚举三、对象与枚举前言枚举是TypeScript拥有的少数几个特性之一,它不是JavaScript的类型级扩展。使用枚举我们可以定义一些带名字的常量。使用枚举可以清晰地表达意图或创建一组有区别的用例。TypeScript支持数字的和基于字符串的枚举。一、枚举1、数字枚举原创 2021-09-02 08:32:30 · 2085 阅读 · 0 评论 -
TypeScript----泛型
前言软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。一、泛型值Hello World下面来创建第一个使用泛型的例子:indentity函数。这个函数会返回任何传入它的值。你可以把这个函数当成echo命令。不用泛型的话,..原创 2021-09-01 08:39:43 · 450 阅读 · 0 评论 -
TypeScript----函数
前言函数是TypeScript应用程序的基础。它帮助你实现抽象层,模拟类,信息隐藏和模块。在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义行为的地方。一、函数TypeScript函数可以创建有名字的函数和匿名函数,例如:function add(x,y){ return x+y;}//匿名函数let myAdd = function(x,y){return x + y;};函数可以使用外部变量,称为捕获了这些变量。let z =..原创 2021-08-31 09:41:26 · 707 阅读 · 0 评论 -
TypeScript----类
前言TypeScript的核心原则之一是对值所具有的结构进行类型检查,接口的作用就是为类型命名和你的代码或者第三方代码定义契约。一、认识接口interface Point { x: number; y: number;} function printCoord(pt: Point) { console.log("The coordinate's x value is " + pt.x); console.log("The coordinate's y value ...原创 2021-08-28 13:34:00 · 632 阅读 · 0 评论 -
TypeScript----接口
前言TypeScript的核心原则之一是对值所具有的结构进行类型检查,接口的作用就是为类型命名和你的代码或者第三方代码定义契约。一、认识接口interface Point { x: number; y: number;} function printCoord(pt: Point) { console.log("The coordinate's x value is " + pt.x); console.log("The coordinate's y value ...原创 2021-08-27 08:30:15 · 605 阅读 · 0 评论 -
TypeScript----解构
目录一、解构1、解构数组2、对象解构3、属性重命名4、默认值二、函数声明三、展开一、解构1、解构数组最简单的解构莫过于数组的解构赋值了:let input = [1, 2];let [first, second] = input;console.log(first); // outputs 1console.log(second); // outputs 2这里创建两个命名变量first和second。相当于使用索引,更加方便:first =原创 2021-08-26 09:37:49 · 1965 阅读 · 0 评论 -
TypeScript----变量声明
前言let和const是JavaScript里相对较新的变量声明方式。 像我们之前提到过的,let在很多方面与var是相似的,但是可以帮助大家避免在JavaScript里常见一些问题。const是对let的一个增强,它能阻止对一个变量再次赋值。因为TypeScript是JavaScript的超集,所以它本身就支持let和const。一、var声明1、var声明在JavaScript中我们一直都是使用var关键字声明变量。var a = 10;//大家都能理解,这里定义了一...原创 2021-08-25 10:31:02 · 745 阅读 · 0 评论 -
TypeScript----基础类型
目录前言一、基本类型(I)1、布尔类型2、数字类型3、字符串类型4、数组类型5、元组类型6、枚举类型二、基本类型(II)1、任意类型2、Void类型3、Null 和 Undefined类型4、Never类型5、Object类型三、类的断言前言TypeScript 是一种强类型编程语言,它建立在 JavaScript 的基础上,可以在任何规模上提供更好的工具。TypeScript代码转换成 JavaScript,JavaSc...原创 2021-08-24 16:40:08 · 853 阅读 · 0 评论