全局变量保持未定义

Question

在为我的全局变量设置值后，它们的值仅在设置该值的函数范围内

我有2个不同的按钮，调用函数joinChat（）和log（）。 如果我单击调用joinChat（）函数的按钮，则将打印预期的结果，但是如果我单击该按钮，即调用log（）函数，则它将两个变量都打印为未定义，但这是意外的，因为它们应该具有之前获得了它们的价值（当我单击joinChat（）时）

chat: ChatSession;
   participant: Person;


  log(){
    console.log(this.chat)
    console.log(this.participant);
  }

  joinChat(room: string, participantName: string) {
      this.chat = new ChatSession(room);
      this.participant = new Person(participantName);
      console.log(this.chat);
      console.log(this.participant)
}

预期的输出将是：如果我先单击joinChat（）按钮，然后单击log（）按钮将打印与joinChat（）方法相同的值，而不是未定义