跳到主要内容

基础

参考掘金

命名空间与模块​

命名空间： 命名空间是位于全局命名空间下的一个普通的带有名字的 JavaScript 对象，使用起来十分容易。但就像其它的全局命名空间污染一样，它很难去识别组件之间的依赖关系，尤其是在大型的应用中。

模块： 任何包含 import 或者 export 的文件都被当做一个模块。相反，这个文件被视为全局可见

在正常的 TS 项目开发过程中并不建议用命名空间，但通常在通过 d.ts 文件标记 js 库类型的时候使用命名空间，主要作用是给编译器编写代码的时候参考使用

any void never unknown​

  • any： 不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查
  • void： 表示没有任何类型,只能为它赋予 undefined 和 null
  • never： 永不存在的值的类型，never 类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型； 变量也可能是 never 类型，当它们被永不为真的类型保护所约束时
  • unknown： 可以把任何值赋值给 unknown ，但是不能调用属性和方法

interface 和 type 异同​

相同点：

  1. 都可以描述一个对象或者函数
// 描述函数
interface SetUser {
  (name: string, age: number): void
}
ts
  1. 都允许拓展（extends），Interface 使用 extends, Type 使用 &

不同点：

  1. type 可以声明基本类型别名，联合类型，元组等类型
  2. type 语句中还可以使用 typeof 获取实例的类型进行赋值
  3. interface 能够声明合并

const 和 readonly 的区别是什么？​

  1. const 用于变量，readonly 用于属性
  2. const 在运行时检查，readonly 在编译时检查
  3. 使用 const 变量保存的数组，可以使用 push，pop 等方法。但是如果使用 Readonly Array 声明的数组不能使用 push，pop 等方法

satisfies​

可以做类型收窄，比 as 更好

type Bar = Record<string, number | string>

// const foo: Bar
const foo = {
  a: 1,
  b: '2',
} as Bar

// const bar: {
//     a: number;
//     b: string;
// }
const bar = {
  a: 1,
  b: '2',
} satisfies Bar
ts
最后于 更新