typescript

[TOC]

typescript优点？

强类型
- 【可选的】不要求100%覆盖
  - 更方便迁移老代码
  - 降低入门门槛
- 【js的超集】支持js(包含es6,及es6+)所有语法
  - 方便快速入手
- 【静态检查】编译时就报错，而不像js在运行时报错
  - 静态检查就知道错误，效率更高
  - 避免低级错误
- 【支持模块】方便类型的导入导出，复用组合
- 【更好维护】类型就是最好的注释，减少查文档的时间
支持面向对象编程，类型重用率更高，代码可读性更强，相比react的propTypes功能更强大
- 接口 interface
- 继承： extend
- 类： class
- 泛型

参考资料：https://www.zhihu.com/question/273619114/answer/369126175

typescript缺点？

【编译耗时】需要长时间的来编译代码：deno内部将删除ts代码
【第三方定义文件】在使用第三方库时，需要有三方库的定义文件，并不是所有三方库都提供了定义文件，提供的定义文件是否准确也值得商榷

typescirpt有哪些基础类型?

js的类型

number
string
boolean
object
array
function
null
undefined
symbol

ts新增类型

any: 任意值类型
void：函数没有返回值时用void
Tuple(元组)：规定数组成员的数量，各位置的类型
enum(枚举)：定义数值集合
never：（实际上不常用) never是其他类型的子类型，代表不会把出现的值

介绍下ts中的泛型？

泛型代表的是泛指某一类型，更像是一个类型变量。由尖括号包裹。

主要作用是创建逻辑可复用的组件。

泛型可以作用在函数、类、接口上。

函数：

function greet<T>(name: T) {}

类：

class createObj<T> {

    name: T

}

接口：

interface IF<T> {

    name: T

}

泛型还可以被约束，这样就是任意类型了。

interface TIF {

    length: number

}

function test<T extends TIF>(params: T) {

    console.log("=========>>>", params.length);

}

泛型约束之类型参数

function getPropoty<T, K extends keyof T>(obj: T, key: K) {

    return obj[key];

}

强烈推荐

像更系统的学习typescript，可查看 typeScript-demo

参考资料：

https://www.runoob.com/typescript/ts-type.html

Typescript面试题

最后更新于3年前