TypeScript 学习笔记（二）

块级作用域变量：

　　1、不能在被声明前读或写

console.log(num);
let num: number = 0;    // 报错

　　2、仍然可以在一个拥有块级作用域的变量声明前通过函数捕获它，但不能在变量声明前去调用该函数

function test() {
    return num;
}

test();    // 不能在 num 被声明前调用 test

let num: number = 0;

　　3、同名的块级作用域变量需在不同的块里声明

注：var 声明的变量拥有函数作用域，存在声明提前，所以不管声明几次，都会得到同一个变量

接口：

　　1、接口通过关键字 interface 来定义

　　2、TypeScript 里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约并让代码看起来更好理解

　　3、类型检查器不会去检查实现该接口的对象里属性的顺序，只要相应的属性存在并且类型对应相同即可

　　4、可选属性：不是必须的属性，声明形式为 attrName?: type

扫描二维码关注公众号，回复： 6840004 查看本文章

interface obj {
    width?: number;    // 一个可选属性
    heigh: number;    // 一个普通属性
    readonly shape: string;    // 一个只读属性
}

注：可选属性能对可能存在的属性进行预定义，也能捕获引用了不存在的属性时的错误

　　5、只读属性：在属性名前用 readonly 指定只读属性，只能在对象刚刚创建的时候修改其值，TypeScript 不可修改的数组具有 ReadonlyArray<T> 类型

let roArr: Readonly<number> = [1, 2, 3];
let arr_one: Array<number> = roArr;    // 报错
let arr_two: Array<number> = roArr as Array<number>;    // 编译通过

注：不可将 ReadonlyArray 赋值给一个普通数组，但可以通过类型断言重写

　　6、当为属性时应该用 readonly，为变量时应该用 const

函数类型：

　　1、接口能描述 JavaScript 中对象拥有的各种各样的外形，除描述带有属性的普通对象外，它也可描述函数类型

　　2、需给接口定义一个调用签名，就像一个只有参数列表和返回值类型的函数《== 每个参数都需要名字和类型

interface SearchFunc {
    // 调用签名
    (source: string, subString: string): boolean;
}
let mySearch: SearchFunc;
mySearch = function (source: string, subString: string) {
    return source.search(subString) > -1;
}
let str: string = "Hello World";
alert(mySearch(str, "world"));    // 弹出 false

注：函数的参数名不需与接口里定义的名字相匹配，参数会逐个被检查，

要求对应位置上的参数类型是兼容的，不指定类型的话，TypeScript 会推断出参数类型

可索引类型：

　　1、与函数类型相似，但其具有一个索引签名，它描述了对象索引的类型，还有相应索引返回的类型

　　2、TypeScript 支持字符串和数字索引两种索引签名，可同时使用两种类型的索引，但数字索引的返回值必须是字符串索引返回值类型的子类型

interface StringArray {
    // 索引签名
    [index: number]: string;
}

let myArray: StringArray;

myArray = ["Lemon", "Yam"];

alert(myArray[0]);

注：同时使用两种索引签名时，数字索引会被转换成字符串索引

类类型：

　　1、用它明确地强制一个类去符合某种契约

　　2、类具有两个类型：静态部分的类型和实例部分的类型

　　3、当一个类实现接口时，只对其实例部分进行类型检查

　　4、当接口继承了一个类类型时，它会继承类的成员但不包括其实现，接口同样会继承该类的 private 和 protected 成员

注：private 和 protected 成员只能被这个类或其子类实现

TypeScript 学习笔记（二）

猜你喜欢