[TypeScript]インターフェースとオブジェクトタイプ

TypeScript では、インターフェイス (インターフェイス) はオブジェクトの構造を定義するために使用される規則であり、オブジェクトが持つ必要があるプロパティとメソッドを記述します。インターフェイスは、コードを記述するときにオブジェクトの形状とタイプを明示的に指定できるようにする定義上の制約を提供します。インターフェイスは、オブジェクトの構造、クラスの実装、関数のパラメータと戻り値を定義するために開発でよく使用されます。

以下は、インターフェイスを使用してオブジェクトの構造を定義する方法を示す簡単な例です。

interface Person {
    
    
  // 不能多属性，也不能少属性
  firstName: string;
  lastName: string;
  // age: number;
}
// 也可以写多个重名，属性相加
interface Person {
    
    
  // 不能多属性，也不能少属性
  age: number;
}

const person: Person = {
    
    
  firstName: 'John',
  lastName: 'Doe',
  age: 30
};

上の例では、 と のプロパティを含む というインターフェイスを定義しましPersonた。次に、このインターフェースの構造に準拠したオブジェクトを作成します。firstNamelastNameageperson

その他の用途、例は次のとおりです。

interface xxx extends x {
    
    
  name: string,
  // readonly 修饰为只读，不可修改
  readonly id:number,
  // 索引签名，随便定义下面属性，它的值代表interface里面所有值，所以一般为 any
  [propName: string]: any
}
// extends 用于接口继承
interface x {
    
    
  xx:string
}

let a:xxx = {
    
    
  name: 'xxx',
  id: 1,
  age: 18,
  sex: '男',
  xx: 'xxx'
}

// 定义函数类型
interface Fn {
    
    
  (a: number): number[]
}
const fn: Fn = (a) => {
    
    
  return [1, 2, 3]
}