Typescript学习笔记

ts学习

一. Typescript安装

二．Typescript demo练习

1.创建day3.ts文件

2.通过tsc day3.ts 命令把ts文件转换成js文件

3.通过node编译生成的js文件

三．Typescript基础类型

1.any：声明为any的变量可以赋值任意类型的值

2.number：双精度64位浮点值，可以用来表示整数和分数

3.string：字符系列，用‘’或“”来表示

4.boolean：逻辑值，true或false

5.数组类型：在元素类型后加[]

6.元组：各元素的类型不必相同，对应位置的类型需要相同

7.enum：枚举类型，用于定义数值集合

8.void：用于标识方法返回值的类型，表示该方法没有返回值

9.Null：表示对象缺失

10.Undefined：用于初始化变量为一个未定义的值

11.Never：是其他所有类型的子类型，代表从不会出现的值

四. Typescript变量声明

1.变量命名规则

可以包含字母和数字；除了_和$,不能包含其他特殊字符；不能以数字开头规则：var [变量名] ： [类型] = 值；例如：var name : string = “lmj”;

2.如果只声明了变量的类型，没有初始值，会被默认设置成undefined

3.如果只设置了变量的初始值，没有声明类型，该变量可以是任意类型

4.如果只声明了变量，没有声明初始值和类型，那变量可以是任意类型，初始值为undefined

5.类型断言：可以手动指定一个值的类型，即允许变量从一个类型更改为另一个类型

语法格式：<类型>值

例如：

6.变量作用域，typescript有三种作用域，全局作用域，类作用域，局部作用域，例：

五. Typescript运算符

1.算术运算符

2.关系运算符

3.逻辑运算符

4.位运算符

5.赋值运算符

6.类型运算符

六. Typescript 条件语句

1. If语句，if…else…语句，if…else if…else…语句

2. switch…case语句

七. Typescript 循环

1. for循环，例（计算5的阶乘）

2. for in循环用于一组值的集合或列表进行迭代输出

3. for…of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for…of 循环，以替代 for…in 和forEach() ，并支持新的迭代协议，for…of 允许遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等

4. while循环（计算5的阶乘）

5. do while 循环

6. break语句:出现在一个循环内时，会立刻跳出循环，执行循环的下一条语句,可以用于终止switch语句中的一个case

1. continue语句

会立刻跳出当前循环中的代码，执行下一次循环（例：输出1-10之间的奇数）

八. Typescript函数

1.函数定义

2. 调用函数

3. 带参数函数

4. 可选参数，用？标识，传参的时候可选可不选

5. 默认参数

6. 剩余参数

7. 匿名函数

没有函数名的函数，在程序运行时动态声明，可以将其赋值给一个变量，这种表达式称为函数表达式。

8. 构造函数

9. 递归函数

10. Lambda函数（箭头函数）

11. 函数重载

重载是方法名字相同，而参数不同，返回类型可以相同也可以不同。

九. Number对象

1. number对象的属性

Prototype属性（对象的静态属性）

2. number对象的方法

(1) toExponential(),把对象的值转换成指数计数法

(2) toFixed(),把数字转换成字符串，并对小数点指定位数

(3) toLocaleString(),把数字转换成字符串，使用本地数字格式顺序

(4) toPrecision(),把数字格式化为指定的长度

(5) toString（），把数字转换成字符串

(6)valueOf（），返回一个number对象的原始数字值

十. typeScript String

string对象属性

1. constructor，对创建该对象的函数的引用

2. length，返回字符串的长度

3. prototype，向对象添加静态属性和方法，跟 number的一样

string方法

(1) charAt（），返回在指定位置的字符

（2）charCodeAt()

返回在指定的位置的字符的 Unicode 编码。

（3）concat()，连接两个或更多字符串，并返回新的字符串。

（4）indexOf()

返回某个指定的字符串值在字符串中首次出现的位置。

（5）lastIndexOf()

从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。

（6）localeCompare()

用本地特定的顺序来比较两个字符串。

（7）match()

查找找到一个或多个正则表达式的匹配。

（8）replace()

替换与正则表达式匹配的子串

（9）search()

检索与正则表达式相匹配的值

（10）slice()

提取字符串的片断，并在新的字符串中返回被提取的部分。

（11） split()

把字符串分割为子字符串数组。

（12）substr()

从起始索引号提取字符串中指定数目的字符。

（13）substring()

提取字符串中两个指定的索引号之间的字符。

（14）toLocaleLowerCase()

根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射。

（15）toLowerCase()

把字符串转换为小写。

（16）toUpperCase()

把字符串转换为大写。

（17）valueOf()

返回指定字符串对象的原始值。

十一. TypeScript array

声明数组的语法格式如下：

创建数组并访问元素

array对象

数组解构

数组迭代

多维数组

数组方法

(1) concat（），链接两个或者多个数组

（2）every()

检测数值元素的每个元素是否都符合条件。

（3）filter()

检测数值元素，并返回符合条件所有元素的数组。

（4）forEach()

数组每个元素都执行一次回调函数。

（5）indexOf()

搜索数组中的元素，并返回它所在的位置，如果搜索不到，返回值 -1，代表没有此项。

（6）join()

把数组的所有元素放入一个字符串。

（7）map()

通过指定函数处理数组的每个元素，并返回处理后的数组。

（8）pop()

删除数组的最后一个元素并返回删除的元素。

（9）push()

向数组的末尾添加一个或更多元素，并返回新的长度。

（10）reduce()

将数组元素计算为一个值（从左到右）。

（11）reduceRight()

将数组元素计算为一个值（从右到左）。

（12）reverse()

反转数组的元素顺序。

（13）shift()

删除并返回数组的第一个元素。

（14）slice()

选取数组的的一部分，并返回一个新数组。

（15）sort()

对数组的元素进行排序。

（16）splice()

从数组中添加或删除元素。

（17）toString()

把数组转换为字符串，并返回结果。

十二. Typescript map 对象

创建map

map相关的函数与属性

（1）map.clear() – 移除 Map 对象的所有键/值对 。

（2）map.set() – 设置键值对，返回该 Map 对象。

（3）map.get() – 返回键对应的值，如果不存在，则返回 undefined。

（4）map.has() – 返回一个布尔值，用于判断 Map 中是否包含键对应的值。

（5）map.delete() – 删除 Map 中的元素，删除成功返回 true，失败返回 false。

（6）map.size – 返回 Map 对象键/值对的数量。

（7）map.keys() - 返回一个 Iterator 对象， 包含了 Map 对象中每个元素的键 。

（8）map.values() – 返回一个新的Iterator对象，包含了Map对象中每个元素的值

十三. Typescript元组

1. 数组中元素的数据类型都一般是相同的（any[] 类型的数组可以不同），如果存储的元素数据类型不同，则需要使用元组。创建元组的语法格式：

   var tuple_name = [value1,value2,value3,…value n]

2. 创建并访问元素

元组运算

push() ：向元组添加元素，添加在最后面。

pop()：从元组中移除元素（最后一个），并返回移除的元素。

解构元组

十四. 联合类型

可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值

语法如下：type1|type2|type3

1. 声明一个联合类型

2. 联合类型可以作为函数参数使用

3. 联合类型数组

十五. Typescript接口

接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法

1. 定义一个person接口，定义两个变量man1和man2实现person接口的属性和方法

2. 联合类型和接口

3. 接口继承

接口继承就是说接口可以通过其他接口来扩展自己，Typescript 允许接口继承多个接口。

十六. Typescript类

TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性，比如 类、接口等

创建一个类

创建实例化对象

类的继承

Typescript一个 子类只能继承自一个父类，但可以多重继承

继承类的方法重写

类继承后，子类可以对父类的方法重新定义，这个过程称之为方法的重写。

其中 super 关键字是对父类的直接引用，该关键字可以引用父类的属性和方法。

static关键字

static 关键字用于定义类的数据成员（属性和方法）为静态的，静态成员可以直接通过类名调用

instanceof运算符

instanceof 运算符用于判断对象是否是指定的类型，如果是返回 true，否则返回 false

访问控制修饰符

1. public（默认）：公有，可以在任何地方被访问

2. Protected：受保护，只能被自身或子类 访问

3. Private：私有，只能被自身访问

十七. Typescript对象

对象是包含一组键值对的实例。 值可以是标量、函数、数组、对象等

对象实例

修改方法