天马3798

一、TypeScript简介1.TypeScript是JavaScript类型的超集，它可以编辑纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。2.中文官网地址：https://www.tslang.cn/index.html参考文档：https://www.tslang.cn/docs/home.html

一、类介绍传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件。从ECMAScript 2015，也就是ECMAScript6开始，JavaScript程序员将能够使用类的面向对象方式。但TypeScript，允许现在就使用这些特性，不需要等到下个JavaScript版本，并且编译后的JavaScript可以在所有浏览器和平台上运行。二、类定义，访问修饰符、存取器、

一、介绍1.命名空间主要用于组织代码，以便于在记录他们类型的同时还担心与其他对象命名冲突。2.和C#一样，命名空间可以分离到多个文件二、单个文件中namespace Valid1 { export interface StringValidator { isAcceptable(s: string): boolean; } const let

一.环境安装1.安装Node.Js环境2.使用 npm包管理，安装TypeScriptnpm install -g typescript3.查看当前TypeScript的版本 tsc -v二.在VS Code工具下创建、编译项目1.使用VS Code打开执行文件夹作为工作目录2.创建tsconfig.json文件，配置*.ts的编译输出等，更多参考：https:

一、TypeScript中使用其他Javascript库。要想描述非TypeScript编写的类库的类型，我们需要声明类库所暴露的AIP我们叫它声明因为大不是“外部程序”的具体实现。他们同事是 *.d.ts文件里定义的。1.外部模块的声明别写 （略）2.声明的引用，使用三斜杠指令/// import * as URL from "url";let myUrl = URL.p

一、生成模块代码1.编译时指定模块目前参数，编译器会生成相应的供Node.Js(CommonJS),Require.Js(AMD),isomorphic(UMD),SystemJD或ECMScript2015 native modules（ES6）模块加载系统使用的代码。在tsconfig.json中module可以修改模块的生成对象二、

一、介绍1.从ECMAScript2015开始，JavaScript引入了模块的概念。TypeScript也沿用了这个概念。2.模块在自身的作用域里执行，而不是在全局作用域里；这意味着在一个模块里的变量，函数，类等等再模块外部是不可见的，除非你明确的使用export形式之一导出他们。相反，如果你想使用其他模块导出的变量，函数，类，接口等的时候，你必须导入他们，可以使用import方式之

一、介绍TypeScript的核心原则之一是对值所具有的结构进行类型检查。接口的作用就是这些类型名称和为你的代码或第三方代码定义契约。和C#中一样，接口定义规则，不定义实现。不同的是TypeScript这种的接口更灵活，用法比较多。//定义接口interface LabelledValue { label: string;}function printLable(labe

TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便实用。一、布尔值 boolean//布尔类型let idDone: boolean = false;二、数字 number和JavaScript一样，所有的数字都是浮点数。除了支持十进制、十六进制，还支持ECMAScript 2015中引入的二进制和八进制字面量。//数字类型le

一、Symbols1.介绍自ECMScript2015起，symbol成为一种新的原生类型，就像number和string一样。symbol类型的值通过Symbol构造函数创建的。Symbols是不可变且唯一的。像字符串一样，symbols也可以被用作对象属性的键。Symbols也可以与计算出的属性名声明结合来声明对象的属性和类成员。let sym1 = Symbol();

在学习TypeScript的Symbols标识的时候可能会遇到如下编译错误Cannot find name 'Symbol'错误原因：symbol从ECMAScript2015起才可以使用，也就是ECMAScript6开始解决方案：1.修改tsconfig.json将编译目标版本改成ec62.关闭重启vscode，就可以了更多：TypeScript

一、变量声明 let和const是JavaScript里相对比较新的变量声明方式。推荐使用let 方式声明变量，来代替使用var。TypeScript是JavaScript 的超集，所以它本身就支持let、const，同时还有var。let 方式声明解决了var方式的弊端，同时扩展了解构、展开等特别实用的功能。二、let声明变量1.在TypeScript中语法要求变量在没有声明

一、交叉类型（Intersection Types）交叉类型是奖多个类型合并为一个类型。这往我们可以把多个现有的多种类型叠加成为一种类型，它包含了所需的所有类型的特性。主要用于多个对象的混合。例如， Person & Serializable & Loggable同时是Person和Serializable和Loggable。 就是说这个类型的对象同时拥有了这三种类型的成员。

一、介绍TypeScript里的类型兼容性是基于结构子类型的。结构类型是一种只使用其成员来描述类型的方式。它正好与名义(nominal)类型形成对比。TypeScript的结构性子类型是根据JavaScript代码的典型写法来设计的。因为JavaScript里广泛的使用匿名对象，例如函数表达式和对象字面量，所以使用结构类型系统来描述类型比名义类型系统更好。1.基本规则，具有相同的属

一、类型推论TypeScript里，在有些没有明确指定出类型的地方，类型推论会绑定提供类型。1.最佳通用类型，自动给出let x = 3;console.log(typeof x);//输出类型number//自动给出一个兼容所有类型的类型let array = [0, 2, null]console.log(typeof array);//输出类型 object自定义指定

一、定义 enum使用枚举我们可以定义一些有名字的数字常量。枚举通过enum关键字定义。枚举的定义和C#中有些类似。enum Direction{ Up=1, Down, Left, Right}console.info(Direction);console.info(Direction.Down);//获取枚举的值console.info(Dir

一、介绍相C#和Java等以上，TypeScript可以使用泛型来创建可重用的组件。支持当前数据类型，同时也能支持未来的数据类型。扩展灵活。二、泛型的定义、使用使用泛型可以创建泛型函数、泛型接口，泛型类1.使用泛型变量//泛型变量的使用function identity(arg:T):T{ console.log(typeof arg); return arg

一、介绍函数是JavaScript应用程序的基础。它帮助你实现抽象层、模拟类，信息隐藏和模块。在TypeScript里，虽然已经支持类，命名空间和模块等，但函数仍然是主要定义行为的地方。TypeScript为JavaScript函数添加了额外的功能，例如：形参类型、返回值，this的定义时指定等。二、为函数定义类型1.参数类型//为函数指定参数类型和返回类型function ad