haguri

[참고] 공공데이터포털 데이터도 9월부터는 사용할 수 없습니다.

<pre class="hljs"><code>interface PhoneNumberDictionary {
  [phone: string]: { num: number };
}

interface Contact {
  name: string;
  address: string;
  phones: PhoneNumberDictionary;
}

enum PhoneType {
  Home = 'home',
  Office = 'office',
  Studio = 'studio',
}

// api
function fetchContacts(): Promise<Array<Contact>> {
  const contacts: Array<Contact> = [
    {
      name: 'Tony',
      address: 'Malibu',
      phones: {
        home: { num: 11122223333 },
        office: { num: 44455556666 },
      },
    },
    {
      name: 'Banner',
      address: 'New York',
      phones: {
        home: { num: 77788889999 },
      },
    },
    {
      name: '마동석',
      address: '서울시 강남구',
      phones: {
        home: { num: 213423452 },
        studio: { num: 314882045 },
      },
    },
  ];
  return new Promise(resolve => {
    setTimeout(() => resolve(contacts), 2000);
  });
}

// main
class AddressBook {
  contacts: Array<Contact>;

  constructor() {
    this.contacts = [];
    // this.fetchData();
  }

  async fetchData(): Promise<void> {
    // fetchContacts().then(res => {
    //   this.contacts = res;
    // });
    const res = await fetchContacts();
    this.contacts = res;
  }

  findContactByName(name: string): Array<Contact> {
    return this.contacts.filter(contact => contact.name === name);
  }

  findContactByAddress(address: string): Array<Contact> {
    return this.contacts.filter(contact => contact.address === address);
  }

  findContactByPhone(
    phoneNumber: number,
    phoneType: PhoneType
  ): Array<Contact> {
    return this.contacts.filter(
      contact => contact.phones[phoneType].num === phoneNumber
    );
  }

  addContact(contact: Contact): void {
    this.contacts.push(contact);
  }

  displayListByName(): Array<string> {
    return this.contacts.map(contact => contact.name);
  }

  displayListByAddress(): Array<string> {
    return this.contacts.map(contact => contact.address);
  }
}

(async (): Promise<AddressBook> => {
  console.log('Wait for 2 seconds..');

  const addressBook = new AddressBook();
  await addressBook.fetchData();
  return addressBook;
})().then(addressBook => {
  console.log(addressBook);
  console.log(addressBook.findContactByName('마동석'));
  console.log(addressBook.findContactByAddress('Malibu'));
  console.log(addressBook.findContactByPhone(77788889999, PhoneType.Home));
  console.log(addressBook.displayListByName());
  console.log(addressBook.displayListByAddress());
  console.log('=================================================');
  addressBook.addContact({
    name: 'Haguri',
    address: 'Jeonbuk',
    phones: {
      home: { num: 1011119999 },
      office: { num: 6312345678 },
    },
  });
  console.log(addressBook.contacts);
});</code></pre><p>위 코드는 제가 작성하고 테스트 해본 코드이구요. 참조 링크는 아래와 같습니다.</p><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://stackoverflow.com/questions/36363278/can-async-await-be-used-in-constructors">https://stackoverflow.com/questions/36363278/can-async-await-be-used-in-constructors</a></p>

haguri

投稿