|
「这是我参与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
最后
公众号：小何成长，佛系更文，都是自己曾经踩过的坑或者是学到的东西
有兴趣的小伙伴欢迎关注我哦，我是：何小玍。大家一起进步鸭
|