TS學(xué)習(xí)筆記(七):類型兼容性

類型兼容性用于確定一個類型是否能賦值給其他類型,TypeScript 結(jié)構(gòu)化類型系統(tǒng)的基本規(guī)則是,如果 x 要兼容 y,那么 y 至少具有與 x 相同的屬性。

示例

interface INamed {
  name: string;
}

let x: INamed;
let y = {
  name: 'funlee',
  age: 18
};

x = y;

函數(shù)的兼容性

在考慮函數(shù)的兼容性的時候,需要考慮一些額外的東西。

參數(shù)數(shù)量

要查看 x 是否能賦值給 y,首先看它們的參數(shù)列表,x 的每個參數(shù)必須能在 y 里找到對應(yīng)類型的參數(shù),注意的是參數(shù)的名字相同與否無所謂,只看它們的類型。

let x = (a: number) => 0;
let y = (b: number, s: string) => 0;

y = x; // OK
x = y; // Error

返回類型

類型系統(tǒng)強(qiáng)制源函數(shù)的返回值類型必須是目標(biāo)函數(shù)返回值類型的子類型。

interface Point2D {
  x: number;
  y: number;
}
interface Point3D {
  x: number;
  y: number;
  z: number;
}

let iMakePoint2D = (): Point2D => ({ x: 0, y: 0 });
let iMakePoint3D = (): Point3D => ({ x: 0, y: 0, z: 0 });

iMakePoint2D = iMakePoint3D;
iMakePoint3D = iMakePoint2D; // ERROR: Point2D 不能賦值給 Point3D

可選的和 rest 參數(shù)

可選的(預(yù)先確定的)和 Rest 參數(shù)(任何數(shù)量的參數(shù))都是兼容的:

let foo = (x: number, y: number) => {};
let bar = (x?: number, y?: number) => {};
let bas = (...args: number[]) => {};

foo = bar = bas;
bas = bar = foo;

枚舉的兼容性

枚舉與數(shù)字類型相互兼容。

enum Person {
  name,
  age,
  love
}
let age = Person.age;
let num = 18;

age = num;
num = age;

來自于不同枚舉的枚舉變量,被認(rèn)為是不兼容的。

enum Person {
  name,
  age,
  love
}
enum Colors {
  red,
  blue,
  green
}
let age = Person.age;
let blue = Colors.blue;

// age = blue; // error

類的兼容性

僅僅只有實(shí)例成員和方法會相比較,構(gòu)造函數(shù)和靜態(tài)成員不會被檢查。

class Animal {
  feet: number;
  constructor(name: string, numFeet: number) {}
}

class Size {
  feet: number;
  constructor(meters: number) {}
}

let a: Animal;
let s: Size;

a = s; // OK
s = a; // OK

私有的和受保護(hù)的成員必須來自于相同的類。

class Animal {
  protected feet: number;
}
class Cat extends Animal {}

let animal: Animal;
let cat: Cat;

animal = cat; // ok
cat = animal; // ok

class Size {
  protected feet: number;
}

let size: Size;

animal = size; // ERROR
size = animal; // ERROR

泛型的兼容性

TypeScript 類型系統(tǒng)基于變量的結(jié)構(gòu),僅當(dāng)類型參數(shù)在被一個成員使用時,才會影響兼容性。如下例子中,T 對兼容性沒有影響:

interface Empty<T> {}

let x: Empty<number>;
let y: Empty<string>;

x = y; // ok

當(dāng) T 被成員使用時,它將在實(shí)例化泛型后影響兼容性:

interface Empty<T> {
  data: T;
}

let x: Empty<number>;
let y: Empty<string>;

x = y; // Error

如果尚未實(shí)例化泛型參數(shù),則在檢查兼容性之前將其替換為 any:

let identity = function<T>(x: T): T {
  // ...
};

let reverse = function<U>(y: U): U {
  // ...
};

identity = reverse; // ok, 因?yàn)?`(x: any) => any` 匹配 `(y: any) => any`

類中的泛型兼容性與類的兼容性所提及一致:

class List<T> {
  add(val: T) {}
}

class Animal {
  name: string;
}
class Cat extends Animal {
  meow() {
    // ..
  }
}

const animals = new List<Animal>();
animals.add(new Animal()); // ok
animals.add(new Cat()); // ok

const cats = new List<Cat>();
cats.add(new Animal()); // Error
cats.add(new Cat()); // ok
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容