联合接口类型上不存在属性

Question

我有一个包含团队成员数组的对象，最小的对象类型实现interface Member或interface Manager 。 管理器对象可以包含其他interface Member对象。 每个成员/经理都有自己的key: string 。

正如您从代码中看到的那样，我正在尝试实现一个函数setProfession(key, profession) ，它根据个人key: string为某个成员/经理设置一个profession: string属性：字符串。

我的setProfession函数中有这个错误：

Property 'members' does not exist on type 'Member | Manager'.

我不明白这个错误，因为我在错误所在行之前的行上设置了安全防护。 然而它仍然抛出一个错误，即使interface Manager显然包含members属性： Error printscreen

interface Member {
  key: string;
  name: string;
  profession: string;
}

interface Manager {
  key: string;
  name: string;
  profession: string;
  members: Array<Member>
}

interface Team {
  members: Array<Member | Manager>
}

const TEAM: Team = {
  members: [
    {
      key: 'RodneyMcKay1',
      name: 'Rodney McKay',
      profession: 'Scientist'
    }, {
      key: 'JohnShephard1',
      name: 'John Shephard',
      profession: 'Soldier',
      members: [
        {
          key: 'TeylaEmmagan1',
          name: 'Teyla Emmagan',
          profession: 'Soldier'
        }, {
          key: 'RononDex1',
          name: 'Ronon Dex',
          profession: 'Soldier'
        }
      ]
    }
  ]
};

const isManager = (member: Member | Manager): member is Manager => {
  return member.hasOwnProperty('members');
}

const setProfession = (key: string, profession: string): boolean => {
  for (let i = 0; i < TEAM.members.length; i++) {
    if (isManager(TEAM.members[i])) {    // SAFE GUARD 
      for (let j = 0; j < TEAM.members[i].members.length; j++) {    // ERROR
         if (TEAM.members[i].members[j].key === key) {    // ERROR
           TEAM.members[i].members[j].profession = profession;    // ERROR
           return true;
         }
      }
    } else if (TEAM.members[i].key === key) {
      TEAM.members[i].profession = profession;
      return true;
    }
  }

  return false;
}

Answer 1

Typescript 无法完全跟踪那里的所有钻取。 您可以通过将测试值分配给变量来帮助它：

  for (let i = 0; i < TEAM.members.length; i++) {
    const person = TEAM.members[i]
    
    if (isManager(person)) {
      for (let j = 0; j < person.members.length; j++) {
         if (person.members[j].key === key) {
           person.members[j].profession = profession;
           return true;
         }
      }
    } else if (person.key === key) {
      person.profession = profession;
      return true;
    }
  }

看游乐场

---

如果您使用迭代而不是索引循环，这将变得容易得多。 然后，您将免费创建该变量作为该循环的一部分。 而且你的代码更容易阅读和理解，这是一个额外的好处。

  for (const person of TEAM.members) {
    if (isManager(person)) {
      for (const member of person.members) {
         if (member.key === key) {
           member.profession = profession;
           return true;
         }
      }
    } else if (person.key === key) {
      person.profession = profession;
      return true;
    }
  }

看游乐场