TypeScript interface

interface

/**
 *  ? age属性可有可无
 * 属性前面加 readonly,表示只读
 * [propName: string]: any; 可以扩展
 * 可以写方法
 */
interface Person {
  // readonly name:string
  name: string;
  age?: number;
  [propName: string]: any;
  say(): string;
}
// 继承接口
// 继承了上一级的所有的方法
// 自己的接口添加一个teach
interface Teacher extends Person {
  teach(): string;
}

// 定义getPersonName
// 参数为Person类型
// 返回值为void
const getPersonName = (person: Person): void => {
  console.log(person.name);
};
// 定义setPersonNsme
// 参数为person: Teacher, name: string
// 返回值为void
const setPersonNsme = (person: Teacher, name: string): void => {
  person.name = name;
};

let person = {
  name: "lih",
  sex: "女",
  say() {
    return "hello";
  },
  // Teacher extends Person
  // 实例化Teacher的方法
  teach() {
    return "Teacher的方法";
  },
};
getPersonName(person);

// 报错，因为字面量赋值 ts会进行强校验
// 去除[propName: string]: any;
// sex: "女",teach,多余字段会报红
getPersonName({
  name: "lih",
  sex: "女",
  say() {
    return "hello";
  },
  teach() {
    return "Teacher的方法";
  },
});
setPersonNsme(person, "zss");
/**
 * 类
 * 类调用接口也必须要实现接口的明确要存在的属性和方法（？修饰除外）
 * 类似java的 接口实现
 */
class User1 implements Person {
  name = "ting";
  say() {
    return "say ting";
  }
}

// 定义函数类型声明
// 接收sting类型参数，返回值必须是string类型
interface SayHi {
  (word: string): string;
}
// 使用SayHi
// 定义say 为 SayHi函数类型申明
// 参数为zss: string
// 返回值是string的"say"
const say: SayHi = (zss: string) => {
  return "say";
};

interface 和 type的区别

// interface 和 type的区别
// type 可以代表基础类型 interface不能，只能是函数或者对象
// 能用interface表述就用interface，实在不行才用type
type Person1 = {
  name: string;
};