TypeScript學習 接口interface（二）可選屬性、只讀屬性

可選屬性

接口裏的屬性不全是必須的，有些可以不用

一個示例🌰：

1. 首先創建一個帶有可選屬性的接口

// 創建一個人的接口, 姓名，年齡必須，但是簽名是可選的
interface Person {
  name: string,
  age: number,
  signature?: string // 屬性後加？表示可選
}

1. 然後定義打印此人簽名的函數

// 打印簽名的函數 因爲是
function printSignature(person: Person): void {
  let signature ;
  if (person.signature) {
    signature = person.signature;
  } else {
    signature = "這個傢伙很懶，什麼也沒留下";
  }
  console.log(signature)
}

因爲是可選屬性，所以當有signature屬性時就打印，沒有就答應函數內部默認的一句話--“這個傢伙很懶，什麼也沒留下”

1. 定義兩個符合要求的參數一個有這個屬性，一個沒

let person1 = {
  name: "邢走在雲端",
  age: 21,
  signature: "you async, I await"
}

let person2 = {
  name: "張三",
  age: 22
}

1. 調用函數

printSignature(person1); // you async, I await
printSignature(person2); // 這個傢伙很懶，什麼也沒留下

1. 查看結果

   上述兩個參數都是符合要求的，所以打印出需要的語句（上述註釋處）

完整代碼🌰

// 創建一個人的接口, 姓名，年齡必須，但是簽名是可選的
interface Person {
  name: string,
  age: number,
  signature?: string
}

// 打印簽名的函數
function printSignature(person: Person): void {
  let signature ;
  if (person.signature) {
    signature = person.signature;
  } else {
    signature = "這個傢伙很懶，什麼也沒留下";
  }
  console.log(signature)
}

// 定義兩個參數，一個有signature，一個沒有signature，都不會報錯，因爲
let person1 = {
  name: "邢走在雲端",
  age: 21,
  signature: "you async, I await"
}

let person2 = {
  name: "張三",
  age: 22
}

printSignature(person1);
printSignature(person2);

只讀屬性

只能在第一次賦值，後面不能再進行修改

很容易理解，直接上代碼🌰

// 創建一個人的接口, 姓名，年齡必須，但是簽名是可選的
interface Person {
  name: string,
  age: number,
  readonly signature: string
}

// 打印簽名的函數
function printSignature(person: Person): void {
  // person.signature = "我想改你"; // Cannot assign to 'signature' because it is a read-only property.
  console.log(person.signature)
}

// 定義兩個參數，一個有signature，一個沒有signature，都不會報錯，因爲
let person = {
  name: "邢走在雲端",
  age: 21,
  signature: "you async, I await"
}


printSignature(person);

上面函數內改變只讀屬性就會報錯💥

person.signature = "我想改你"; // Cannot assign to 'signature' because it is a read-only property.