typeScript--[interface接口实现类的定义,函数定义,可索引定义]

一.定义函数接口

interface Fn {
  (name: string): void;
}
var fn: Fn = function (name): void {
  console.log(name);
};
fn("逍遥的码农");

 二.定义类的接口

定义类需要用到关键字implements跟上定义的接口

interface Me {
  name: string;
  age: number;
  say(): void;
}
class My implements Me { //定义类需要用到关键字implements
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  say(): void {
    console.log(this.name + this.age);
  }
}

三.可索引接口

1.数组(数组下标为number类型 index可以自定义)

interface Indexable {
  [index: number]: string;
}
var arr: Indexable = ["a", "b", "c"];
console.log(arr[0]);

2.对象(对象的key为string类型 key可以自定义)

interface Obj {
  [key: string]: string;
}
var obj: Obj = {
  name: "逍遥的码农",
};
console.log(obj.name);

文章来源地址https://uudwc.com/A/b10BP

原文地址:https://blog.csdn.net/weixin_48171107/article/details/132813838

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

上一篇 2023年09月15日 00:31
轻松搞定Docker环境下Redis安装
下一篇 2023年09月15日 00:33