TypeScript Handbook - 補充

[chochinlu]

https://fettblog.eu/how-not-to-learn-typescript/

多利用 infer 推斷

基本上, 只有 function parameter 一定要加type

type Person = {
  name: string,
  age: number
}

// Inferred!
// return type is { name: string, age: number }
function createPerson() { 
  return { name: "Stefan", age: 39}
}

// Inferred!
// me is type of { name: string, age: number}
const me = createPerson() 

// Annotated! You have to check if types are compatible
function printPerson(person: Person) {
  console.log(person.name, person.age)
}

// All works
printPerson(me) 

要注意到的是 return type 不同, 使用這樣的方式有好處是方便可以製作多型

type : Object.keys的陷阱

type Person = {
  name: string, age: number, id: number,
}
declare const me: Person;

Object.keys(me).forEach(key => {
  // 💥 the next line throws red squigglies at us
  console.log(me[key])
})

解法在這裡：https://fettblog.eu/typescript-better-object-keys/

object.keys 回傳 type為 string[],
但是 TS 認為應該要回傳的type 應該是 'name', 'age', 'id' 而不是所有string

TypeScript 裡面應該避免使用的部分

https://www.executeprogram.com/blog/typescript-features-to-avoid