学习ts blog:对ts学习过程中的一些记录

1.函数的重载

function getInfo(name: string):string;
function getInfo(name: string, age: number):string;
// 不符合上面两种格式会报错
function getInfo(name: any, age?: any):any {
	/* code... */
}

2.抽象类

// 抽象类不允许实例化,只能extends继承
abstract class Animal {
    public name: string
    constructor (name: string) {
		this.name = name
	}
	abstract eat():any // 抽象方法在子类必须实现
}

3.加密的函数类型接口

interface encrypt {
	(key: string, value: string):string
}
// 规范匿名函数的参数和返回格式
var md5:encrypt  = function(key: string, value: string):string {
	return key + value
}

4.可索引接口

// 对数组的约束(不常用)

interface UserArr {
	[index: number]: string
}

// 对对象的约束(不常用)

interface UserArr {
	[index: string]: string
}

// 对类的约束(常用)
interface Animal {
	name: string
	eat(str: string): void
}

class Dog implements Animal {
	/* 必须要有相应格式的name属性和eat方法 */
}

PS: 接口可以继承接口,所以当以一个类实现Person接口时就要也要符合Animal里接口的约束
interface Person extends Animal {
	/* learn... */
}
PS: 类可以同时继承类和实现接口,参考套娃

5.泛型
T表示泛型,具体什么类型是调用这个方法的时候决定的

// 泛型函数
function getData<T>(value: T): T {
	return value
}
getData<number>(123)
// 泛型类
class MinClass<T> {
	public list: T[] = []
	add(value: T): void {
		this.list.push(value)
	}
	min(): T {
		return Math.min(...this.list)
	}
}
var m1 = new MinClass<number>()
// 泛型接口,两种实现方法
// 1
interface ConfigFn {
	<T>(value: T): T
}

var getData: ConfigFn  = function<T>(value: T): T {
	return value
}

getData<string>('123')

// 2
interface ConfigFn<T> {
	(value: T): T
}

function getData<T>(value: T): T {
	return value
}

var myGetData: ConfigFn<string> = getData

myGetData('123')
// 把类作为参数来约束传入的类型

// 操作数据库的泛型类
class MysqlDB<T> {
	add (info: T): boolean {
		console.log(info)
		return true
	}
}

class ArticalCate {
	title: string | undefined
	desc: string | undefined
	status: string | undefined
	constructor (param: {
		title: string | undefined
		desc: string | undefined
		status: string | undefined
	}) {
		this.title = params.title
		this.desc = params.desc
		this.status = params.status
	}
}

var a = new ArticalCate ({
	title: '分类1111'
	desc: '2222'
	status: '0'
})

var DB = new MysqlDB<ArticalCate>()

DB.add(a)

6.命名空间(多人开发时能够防止变量名的重复)

namespace A {
	export class Dog() {}
}}

var a = new A.dog()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值