TypeScript|青训营笔记

48 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第14天

TypeScript 是 JavaScript 的语法超集,它添加了静态类型,近几年的发展中,也受到诸多开发者的喜爱。Typescript 的社区逐渐壮大,日趋完善,为越来越多前端开发者提供服务,本节课将主要为同学解读 TypeScript 的优势及其主要使用的工具。- 抽象类和类的类型

`abstract`用于定义抽象类和其中的抽象方法

抽象类不能被实例化,抽象方法不能具体实现

主要用于对子类的服务

在子类中去具体实现抽象类中的抽象方法
## 声明合并

如果定义了两个相同名字的函数,接口或类,那么他们会合并成一个类型。

  • 接口的属性在合并时会简单的合并到一个接口中
  • 接口继承接口,类实现接口
interface Run{
    run()
}
interface Swim{
    swim()
}
interface Sport extends Run,Swim{
​
}
class S implements Sport{
    run(){
        console.log("run")
    }
    swim() {
        console.log("swim")
    }
}
const person = new S()
person.run()
person.swim()

接口继承类

class Person{
    name:string
    constructor(name){
        this.name = name;
    }
}
interface person extends Person{
​
}
let x:person = {name:""}

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:

  • 类型批注和编译时类型检查
  • 类型推断
  • 类型擦除
  • 接口
  • 枚举
  • Mixin
  • 泛型编程
  • 名字空间
  • 元组
  • Await

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。 TypeScript 程序由以下几个部分组成:

  • 模块
  • 函数
  • 变量
  • 语句和表达式
  • 注释
  • 任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型,它常用于以下三种情况。

1、变量的值会动态改变时,比如来自用户的输入,任意值类型可以让这些变量跳过编译阶段的类型检查

null

在 JavaScript 中 null 表示 "什么都没有"。

null是一个只有一个值的特殊类型。表示一个空对象引用。

用 typeof 检测 null 返回是 object。