Typescript

一:为什么要用ts

  1. ts具有类型系统,且是js的超集。js能做的,ts能做;js不能做的,ts也能做。
  2. js是弱类型并且没有命名空间,导致很难模块化,使得其在大型的协作项目中不是很方便。
  3. 可以使用泛型来创建可重用的组件。即创建一个参数类型返回值类型是一样的通用方法。

TypeScript 相比于 JavaScript 具有以下优势

  1. 更好的可维护性和可读性
  2. 引入了静态类型声明,不需要太多的注释和文档,大部分的函数看类型定义就知道如何使用了
  3. 在编译阶段就能发现大部分因为变量类型导致的错误

二:interface和type的区别

相同点:

1、 interface和type都可以实现继承,但他们的表现形式不同。

// interface:extends
interface Name {
	name: string
}
interface User extends Name {
	age: number;
}


// type:利用交叉类型实现的继承
type Name = {
	name: string;
}
type User = Name & { age: number };

2、interface和type可以相互继承

// interface extends type
type Name = {
	name: string;
};
interface User extends Name {
	age: number;
}


// type & interface
interface Name =  {
	name: string;
};
type User = Name & { age: number };

不同点

1、 interface可以合并声明, type不行

interface User {
	name: string
	age: number
}

interface User {
	sex: string
}

/*
	User {
		name: string
		age: number
		sex: string
	}
*/

2、 type可以申明基本类型别名、联合类型、元组等类型

// 基本类型别名
type Name = string
 
// 联合类型
interface Dog {
 wong();
}
interface Cat {
 miao();
}
 
type Pet = Dog | Cat
 
// 具体定义数组每个位置的类型
type PetList = [Dog, Pet]
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值