|
最近开始入门TypeScript，这篇文章作为学习笔记，主要记录两个部分：
一、TS相比JS多了哪些东西
二、TS中有哪些需要特别记忆和注意的点
-
全局安装ts
npm install -g typescript
安装ts-node
npm install -g ts-node
本地安装避免找不到ts-node/register
npm install ts-node --save-dev
运行文件
ts-node 文件名 -
void类型：只能赋值为undefined或null。它与undefined和null的区别在于，undefined和null可以赋值给所有规定为其它类型的变量，比如
let num: number = undefined;
let n: number = null;
let u: undefined = undefined;
n = u;
但是void类变量不能进行这种赋值（void不是其它类型的子类型）
let v: void = undefined;
let n: number = v;
-
any类型：可以被赋值为任意类型，访问任意属性，调用任意方法。声明为any类型的变量，对它的任何操作，返回值都是any类型。
但是，如果访问的属性，调用的方法并不存在，运行的时候还是该报错报错。比如把一个any类型的值赋值为数字，然后访问length属性或者调用slice方法，依然是会报错的。
变量如果在声明的时候，未指定其类型，未赋值，那么它会被识别为any类型。
如果未指定类型但是赋值，将会被识别为赋值类型。
如果定义的时候没有赋值，不管之后有没有赋值，都会被推断成 any 类型而完全不被类型检查。 -
联合类型：用 | 分隔。
当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法。
联合类型的变量在被赋值的时候，会根据类型推论的规则推断出一个类型。 -
接口Interface：
如果一个变量在声明时已经指定其类型为某interface，那么它赋值时形状必须与该interface的规定完全一致。
但是如果声明时未指定类型，而作为某个类型为某interface的形参的实参传入，那么这个变量只要具有形参interface中有的属性即可，可以有其它的属性。（可以多，但是不能少）而且，形参interface中有的属性，实参对应属性的类型必须一致。
我们传入的对象参数实际上会包含很多属性，但是编译器只会检查那些必需的属性是否存在，并且其类型是否匹配。
可选属性： ？
只读属性 readonly：只读属性不能外部赋值，只能在对象中赋值且不能更改。
任意属性：在定义之后，所有确定的属性和可选属性的类型必须是它的子集。
只读数组： ReadonlyArray
使用接口表示函数类型：
举例：
interface SearchFunc {
(source: string, subString: string): boolean;
}
let mySearch: SearchFunc;
mySearch = function(source: string, subString: string) {
let result = source.search(subString);
return result > -1;
}
用接口表示数组（使用索引签名）：
举例：
interface StringArray {
[index: number]: string;
}
let myArray: StringArray;
myArray = ["Bob", "Fred"];
let myStr: string = myArray[0];
类实现接口：implements
接口描述了类的公共部分，而不是公共和私有两部分。 它不会帮你检查类是否具有某些私有成员。
接口继承接口：extends
一个接口可以继承多个接口。
接口继承类：当接口继承了一个类类型时，它会继承类的成员但不包括其实现。接口同样会继承到类的private和protected成员。 这意味着当你创建了一个接口继承了一个拥有私有或受保护的成员的类时，这个接口类型只能被这个类或其子类所实现（implement）。
- 函数：
使用函数表达式时，最好在等号左边指定类型，举例：
let mySum: (x: number, y: number) => number = function (x: number, y: number): number {
return x + y;
};
箭头在此处表示返回值而非指向函数体。
在函数形参列表中，可选参数必须接在必需参数后面。可选参数后面不允许再出现必需参数了。
TypeScript 会将添加了默认值的参数识别为可选参数。此时就不受「可选参数必须接在必需参数后面」的限制了。
- 泛型：
泛型约束：使用extends 约束泛型 T 必须符合接口 Interface 的形状，例：
interface Lengthwise {
length: number;
}
function loggingIdentity<T extends Lengthwise>(arg: T): T {
console.log(arg.length);
return arg;
}
在此约束下，loggingIdentity传入的实参必须具有length属性。
多个类型参数之间也可以互相约束。
泛型参数可以指定默认类型，例如<T = string>。
泛型接口：泛型接口函数与泛型、接口以及函数表达式的类型指定方式三部分内容均存在联系。
|