将对象推入数组的Typescript被卡住而没有任何错误

Question

我在一种方法中面临着奇怪的行为。打印entity to user和start loop，但此后没有任何反应。它卡住了，没有任何错误！它从未达到end loop，当然也没有达到finished

我真的不知道这是怎么回事。我正在使用类似的方法将一种类型转换为另一种类型，但这里缺少内容。

方法：

 entityToClientUser(users: any) {
    const clientUsers = [];
    console.log('entity to user');
    console.log(users);
    for (const u of users) {
      console.log('start loop');
      clientUsers.push(
        new ClientUser(
          u.id,
          u.username,
          u.email,
          '',
          '',
          u.description,
          false,
          u.registrationDate,
          new Date(),
          u.role.role ? u.role.role : 1
        )
      );
      console.log('end loop');
    }
    console.log('finished');
    console.log(clientUsers);
    return clientUsers;
  }

给该方法的对象：

[ {
    id: 1,
    username: 'test',
    email: '[email protected]',
    password: 'b234234c34899hwerwer4535rfa10a666edgfh43',
    avatar: null,
    ip: null,
    description: 'A simple user.',
    isGuest: null,
    lastAuth: null,
    registrationDate: 2019-10-31T23:56:14.170Z 
    } 
]

ClientUser类

export class ClientUser {
  id: number;
  username: string;
  email: string;
  avatar: string;
  ip: string;
  description: string;
  isGuest: boolean;
  lastAuth: Date;
  role: number;
  registrationDate: Date;

  constructor(id: number, username: string, email: string, avatar: string, ip: string, description: string, isGuest: boolean, registrationDate: Date, lastAuth: Date, role: number) {
    this.id = id;
    this.username = username;
    this.email = email;
    this.avatar = avatar;
    this.ip = ip;
    this.description = description;
    this.isGuest = isGuest;
    this.registrationDate = registrationDate;
    this.lastAuth = lastAuth;
    this.role = role;
  }


}

Answer 1

这是因为您将用户定义为任何用户：users: anyTypescript不会警告您在这些用户对象之一上引用的任何内容。

您需要将其更改为users: ClientUser[]或Typescript可以评估的其他形状。

根据您的情况，我建议您这样做：

ClientUserBase.ts

export class ClientUserBase {
  id: number;
  username: string;
  email: string;
  description: string;
  registrationDate: Date;
  role: number;
}

ClientUser.ts

//Inherits common properties from ClientUserBase
export class ClientUser extends ClientUserBase {
  avatar: string;
  ip: string;
  isGuest: boolean;
  lastAuth: Date;

  constructor(clientUserBase: ClientUserBase, avatar: string, ip: string, isGuest: boolean, lastAuth: Date) {
    this.id = clientUserBase.id;
    this.username = clientUserBase.username;
    this.email = clientUserBase.email;
    this.avatar = avatar;
    this.ip = ip;
    this.description = clientUserBase.description;
    this.isGuest = isGuest;
    this.registrationDate = clientUserBase.registrationDate;
    this.lastAuth = lastAuth;
    this.role = clientUserBase.role;
  }

执行的方法：

entityToClientUser(users: ClientUserBase[]) {
    const clientUsers: ClientUser[] = [];
    console.log('entity to user');
    console.log(users);
    for (const u of users) {
        console.log('start loop');
        clientUsers.push(new ClientUser(u, '', '', false, new Date()));
        console.log('end loop');
    }
    console.log('finished');
    console.log(clientUsers);
    return clientUsers;
}

无论如何...