首頁猿問 typescript關(guān)于接口，對(duì)象...

typescript關(guān)于接口，對(duì)象字面量額外屬性檢測(cè)問題，為什么使用斷言或者變量時(shí)就不會(huì)檢測(cè)額

JavaScript

暮色呼如 2018-11-22 18:15:55

interface SquareConfig { color?: string; width?: number;}function createSquare(config: SquareConfig): { color: string; area: number } { // ...}let mySquare = createSquare({ colour: "red", width: 100 });ts編譯這段代碼時(shí)會(huì)拋錯(cuò)，但是使用如下兩種方式就不會(huì)拋錯(cuò)，這是什么原理？官網(wǎng)的解釋讓我無法理解，只會(huì)讓我覺得ts語法好隨便...let mySquare = createSquare({ width: 100, opacity: 0.5 } as SquareConfig);或者let squareOptions = { colour: "red", width: 100 };let mySquare = createSquare(squareOptions);這樣都不會(huì)報(bào)錯(cuò)，使用斷言的時(shí)候（as/<>）是會(huì)按照什么規(guī)則比照接口嗎？然后將對(duì)象字面量復(fù)制給變量，我知道這是對(duì)象的一個(gè)引用指針，但是這樣為什么就不會(huì)檢測(cè)額外的屬性了呢？官網(wǎng)地址

查看完整描述

1 回答

繁花如伊

TA貢獻(xiàn)2012條經(jīng)驗(yàn) 獲得超12個(gè)贊

第一個(gè)例子:as 不是斷言吧 as 是強(qiáng)制轉(zhuǎn)化就說明你知道你要做的事情當(dāng)然 ts 也就讓你編譯過了
第二個(gè)例子好像本來就應(yīng)該過的吧 color 你又不是一定要; colour 是另外一個(gè)屬性了
以前不過的原因是 ts 對(duì) 對(duì)象字面量有獨(dú)特的 check 罷了