可選屬性

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

一個(gè)示例??：

1. 首先創(chuàng)建一個(gè)帶有可選屬性的接口

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

2. 然后定義打印此人簽名的函數(shù)

// 打印簽名的函數(shù) 因?yàn)槭?function printSignature(person: Person): void {
  let signature ;
  if (person.signature) {
    signature = person.signature;
  } else {
    signature = "這個(gè)家伙很懶，什么也沒留下";
  }
  console.log(signature)
}

因?yàn)槭?strong>可選屬性，所以當(dāng)有signature屬性時(shí)就打印，沒有就答應(yīng)函數(shù)內(nèi)部默認(rèn)的一句話--“這個(gè)家伙很懶，什么也沒留下”

3. 定義兩個(gè)符合要求的參數(shù)一個(gè)有這個(gè)屬性，一個(gè)沒

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

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

4. 調(diào)用函數(shù)

printSignature(person1); // you async, I await
printSignature(person2); // 這個(gè)家伙很懶，什么也沒留下

5. 查看結(jié)果

   上述兩個(gè)參數(shù)都是符合要求的，所以打印出需要的語句（上述注釋處）

完整代碼??

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

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

// 定義兩個(gè)參數(shù)，一個(gè)有signature，一個(gè)沒有signature，都不會(huì)報(bào)錯(cuò)，因?yàn)?let person1 = {
  name: "邢走在云端",
  age: 21,
  signature: "you async, I await"
}

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

printSignature(person1);
printSignature(person2);

只讀屬性

只能在第一次賦值，后面不能再進(jìn)行修改

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

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

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

// 定義兩個(gè)參數(shù)，一個(gè)有signature，一個(gè)沒有signature，都不會(huì)報(bào)錯(cuò)，因?yàn)?let person = {
  name: "邢走在云端",
  age: 21,
  signature: "you async, I await"
}


printSignature(person);

上面函數(shù)內(nèi)改變只讀屬性就會(huì)報(bào)錯(cuò)??

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