欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Typescript tipe freshness 更嚴(yán)格對象字面量檢查

 更新時(shí)間：2022年10月25日 09:03:43   作者：度123  
這篇文章主要為大家介紹了Typescript tipe freshness 更嚴(yán)格對象字面量檢查，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

引言

Typescript 是結(jié)構(gòu)化的類型系統(tǒng)，那么對于對象來說，如果 A 具有 B 的所有屬性，并且屬性對應(yīng)的類型相匹配，那么 A 就能賦值給 B

type A = {
    name:string;
    age:number;
}
type B = {
    name:string
}
declare let a:A
declare let b: B
b = a

但是其中有一個(gè)例外的情況，會強(qiáng)制 a、b 具有完全相同的結(jié)構(gòu)，被稱為 freshness，也被稱為更嚴(yán)格的對象字面量檢查

let b: {
    name:string
}
b ={name:'1',age:1}
/* 
  Type '{ name: string; age: number; }' is not assignable to type '{ name: string; }'.
  Object literal may only specify known properties, and 'age' does not exist in type '{ name: string; }'
*/
function freshness({name}:{name:string}){
    return 1
}
freshness({name:'du',age:1}); 
/*
  Argument of type '{ name: string; age: number; }' is not assignable to parameter of type '{ name: string; }'.
  Object literal may only specify known properties, and 'age' does not exist in type '{ name: string; }'
*/

play

嚴(yán)格檢查存在缺點(diǎn)

之所以有這樣的嚴(yán)格檢查是因?yàn)榇嬖谝韵聝蓚€(gè)缺點(diǎn)：

1.結(jié)構(gòu)化類型系統(tǒng)非常方便，但是它可能讓你誤以為某些函數(shù)接收的比他實(shí)際需要的多

function logName(something: { name: string }) {
  console.log(something.name);
}
logName({ name: 'matt', job: 'being awesome' })

2.在實(shí)現(xiàn)此功能之前 Typescript 并不能很好的檢測出對象中的錯(cuò)誤，特別是指定可選類型時(shí)

interface TextOptions {
    alignment?: string;
    color?: string;
    padding?: number;
}
function drawText(opts: TextOptions) { ... }
// None of these were errors before
drawText({ align: 'center' }); // Oops
drawText({ colour: 'grey' }); // Oops
drawText({ pading: 32}); // Oops

如上例子可能只是拼錯(cuò)了而已，但是在此之前 Typescript 并不能檢測出來

具體規(guī)則而言

  • 每個(gè)對象字面量都被認(rèn)為是新鮮的
  • 當(dāng)一個(gè)新的字面量對象被分配給一個(gè)變量或者傳遞給一個(gè)非空的目標(biāo)類型參數(shù)時(shí)，如果對象指定了目標(biāo)類型中不存在的屬性，那就是一個(gè)錯(cuò)誤
  • 在一個(gè)類型斷言中，或者當(dāng)一個(gè)對象字面的類型被擴(kuò)大時(shí)，新鮮感就會消失
var x: { foo: number };
x = { foo: 1, baz: 2 };  // Error, excess property `baz`
var y: { foo: number, bar?: number };
y = { foo: 1, baz: 2 };  // Error, excess or misspelled property `baz`

當(dāng)新鮮類型被捕獲到變量中時(shí)，不會發(fā)生錯(cuò)誤

var x: { foo: number };
x1 = { foo: 1, baz: 2 };
x = x1;
var y: { foo: number, bar?: number };
y1 = { foo: 1, baz: 2 };
y = y1;

參考： jkchao.github.io/typescript-…

github.com/microsoft/T…

以上就是Typescript tipe freshness 更嚴(yán)格對象字面量檢查的詳細(xì)內(nèi)容，更多關(guān)于Typescript tipe freshness對象字面量檢查的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論