「这是我参与11月更文挑战的第2天,活动详情查看:2021最后一次更文挑战」
interface 接口类型
只接收字符串或方法,跟type类型别名有一定区别,type可以直接声明类型
interface Person {
// readonly name: string // readonly 只读类型,不可写
name: string
age?: number // ?: 可有可无
[propName: string]: any // 除了name和age,别的类型,只要键是string值是any就行
say(): string // 可以存在方法
}
interface Teacher extends Person { // 类型继承
teach(): string
}
interface Sayhi { // 定义函数类型
(word: string): string
}
const getPersonName = (person: Person): void => {
console.log(person.name)
}
const setPersonName = (person: Person, name: string): void => {
person.name = name
}
const person = {
name: 'dell',
sex: "male",
say() {
return "say hello"
}
}
getPersonName(person)
setPersonName(person, 'lee')
class User implements Person { // 定义user这个类去implements(应用)person这个接口
name: "lee"
say() {
return "say hello"
}
}
const say: Sayhi = (word: string) => {
return word
}
类的继承
class person {
name = "dell"
getName() {
return this.name
}
}
class Teacher extends person {
getTeacherName() {
return "lee"
}
// super 继承父类的方法等
getName() {
return super.getName() + "lee"
}
}
const person = new Teacher()
console.log(person.getTeacherName()) // lee
console.log(person.getName()) // delllee
private, protected, public 三种访问类型
public公共调用方法
允许在类的内外均可被调用
// public 允许在类的内外被调用
class Person {
public name: string
public sayHi() {
console.log(this.name) // 在类的内部 被调用
console.log("hi")
}
}
// 在类的外部被调用
const person = new Person()
person.name = "dell"
console.log(person.name) // dell
person.sayHi() // hi
private
只允许在类的内部被调用,如果在类的外部调用就是错误的
// private, protected, public 三种访问类型
// private 允许在类内被使用 类外调用就是错误
class Person {
private name: string
public sayHi() {
console.log(this.name) // 在类的内部 被调用 dell
console.log("hi")
}
}
// 在类的外部被调用
const person = new Person()
person.name = "dell" // 报错,无法编译
console.log(person.name) // 报错,无法编译
person.sayHi() // hi
protected
与private相反,只允许在类内及继承的子类中使用
// private, protected, public 三种访问类型
// public 允许我在类的内外被调用
// private 允许在类内被使用 类外调用就是错误
// protected 允许在类内及继承的子类中使用
class Person {
protected name: string
public sayHi() {
console.log(this.name) // 在类的内部 被调用 dell
console.log("hi")
}
}
class Teacher extends Person {
public sayBye() {
console.log(this.name) // dell
}
}
// 在类的外部被调用
const person = new Person()
person.name = "dell" // 报错,无法编译
console.log(person.name) // 报错,无法编译
person.sayHi() // hi
最后
公众号:
小何成长
,佛系更文,都是自己曾经踩过的坑或者是学到的东西有兴趣的小伙伴欢迎关注我哦,我是:
何小玍
。大家一起进步鸭