TypeScript-笔记(转)

ts 类型

• 基本类型
  • boolean、number、string、symbol、object、null、undefined
  • enum
  • array、tuple
  • any、void、never、unknown

思考问题？

• 1、Object 和 object 的区别？
• 2、String 和 string 的区别？
• 3、null 和 undefined 的区别？
• 3、any、void、never、unknown 的区别？

1.1 String 和 string 的区别？

• 思考下面的代码

'123' === new String('123') // ??
// false
typeof new String('123') // ??
// object
 
 //b 包装类型
let a = '123', b = new String('123');
a.name = b.name = 'string';
console.log(a.name, b.name); // ??
复制代码

上面的 a.name 会打印 undefined,b.name 可以正常的打印出 ‘string’

区分原始类型和包装类型（wrapper object）

• 而TS中的string、boolean、number等声明类型，则是指原始的基本数据类型。

let str: string = new String(123); // error: Type 'String' is not assignable to type 'string'.
let str: string = '123'; // ok
let str: String = '123'; // ok
 
let a = new String(1234);
let: str: typeof '1234'; // str: string
let str: typeof a; //str: String
复制代码

2.1 Object 和 object 的区别？

• 在js中，Boolean、String、Number为基本包装类型的构造函数（类）。在TS中，他们在类型声明上下文中，则指代接口定义：

interface String {
    /** Returns a string representation of a string. */
    toString(): string;
 
    /**
      * Returns the character at the specified index.
      * @param pos The zero-based index of the desired character.
      */
    charAt(pos: number): string;
 
    /**
      * Returns the Unicode value of the character at the specified location.
      * @param index The zero-based index of the desired character. If there is no character at the specified index, NaN is returned.
      */
    charCodeAt(index: number): number;
 
 
    ...
}

复制代码

即，在TS中，new String(…) 这里的String是指对于interface String的类实现（class implements）。

• 而在类型声明上下文中，String则指的就是这个interface String。
• 2.1.1 Object 其实也是一个接口声明，可以去看看 ts 源代码的 Object 是怎么声明的。任意类型都是 Object

let num: Object = 1; // ok
let str: Object = 'a'; // ok
let obj: Object = { foo: 123 }; // ok
let nul: Object = null; // error
let undef: Object = undefined; // error
 
 
obj.foo // error: Property 'foo' does not exist on type '{}'
obj.toString() // ok
复制代码

事实上，声明为Object可以赋予除了null、undefined以外的任意值！此时访问这些声明的变量，都可以访问Object接口所定义的几个基本方法。

• 2.1.2 {}:而空的花括号{}类型，则和Object很类似，同样可以接受任意类型的值。它是指空对象类型。声明为{}类型，则没有任何成员变量可以访问（连Object.prototype.toString等方法都不可以）

let num: {} = 1; // ok
let str: {} = 'a'; // ok
let obj: {} = { foo: 1234 }; // ok
let nul: {} = null; // error
let undef: {} = undefined; // error
 
 
obj.foo // error: Property 'foo' does not exist on type '{}'
obj.toString() // error: Property 'toString' does not exist on type '{}'

复制代码

• 2.1.3 object : object类型，则单纯指代非string、number、boolean、symbol、null、undefined的其他类型！与{}类似，同样没有任何成员属性或方法可以访问！

// 这么赋值
let num: object = 1; // error
let str: object = 'a'; // error
let obj: object = { foo: 1234 }; // ok
let nul: object = null; // error
let undef: object = undefined; // error
 
 
obj.foo // error: Property 'foo' does not exist on type 'object'
obj.toString() // error: Property 'toString' does not exist on type 'object'

复制代码

• 类型的检测的宽泛度：类型限制范围上：any > {} ~ Object > object

总结: 表示基本对象类型时，应当总是使用object类型，或者使用接口定义结构化对象。

3.1 null 和 undefined 的区别？

• ts中也有null和undefined类型，声明为这两种类型的值，也只能赋予同名值：

let a: null = null;
let b: undefined = undefined;
复制代码

• 在默认情况下，null和undefined这两个值（不是指类型！！）被当作其他类型的子类型，即可以赋予任意其他类型声明的变量。但是在开启了 –strictNullChecks 编译选项后，他们则只能被赋予void类型，或者各自的同名类型。

let a: void = null;
let b: void = undefined;
复制代码

4.1 any、void、never、unknown 的区别

• 4.1.1 any ts 检测弱，兼容性问题解决方案。
• 成员访问无限制

let user: any = {};
 
user.name // ok
复制代码

如以上例子中，user被声明为any类型，即使其没有name这个属性，tsc也不会对其进行检查。所以any可以用来指代哪些由外部传入、服务端返回等黑盒子结构的数据！！

• 事实上，任意未明确声明类型并切无法推导出类型的值都默认为any类型。

let a; // a: any
a = 1;
let a = 1; //a: number
复制代码

• 4.1.2 void

void应当仅仅用于函数声明，即没有明确返回值的函数，应该被声明为void类型。将void用户变量声明，则只能为其赋予null或undefined。

• 4.1.3 never

never用于函数返回值时，表示函数有抛出异常，没有正常执行到底。用于变量声明，无法为其赋予任何值！

never是所有类型的子类型并且可以赋值给所有类型。 没有类型是never的子类型或能赋值给never（never类型本身除外）。

在函数表达式或箭头函数没有返回类型注解时，如果函数没有return语句，或者只有never类型表达式的return语句，并且如果函数是不可执行到终点的（例如通过控制流分析决定的），则推断函数的返回类型是never。

在有明确never返回类型注解的函数中，所有return语句（如果有的话）必须有never类型的表达式并且函数的终点必须是不可执行的。

• never还可以用于映射类型中表达式，用于删除/过滤当前类型

let a: string | never; // a: string
type Exclude<T, K> = T extends K ? never: T;
复制代码

• 4.1.4 unknown

unknown相对于any，任意类型都可以赋值给unknow，但是不可对其进行任何访问操作（仅仅为类型安全，any操作访问也安全）

let a: any = 123;
a.toFixed(); //ok
let a: unknown = 123;
a.toFixed(); // error
复制代码

未完待续…