async async는 function 앞에 위치한다. function 앞에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다. async function f() { return 1; } f().then(alert); // 1 await // await는 async 함수 안에서만 동작한다. async function f() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve('완료!'), 1000); }); let result = await promise; // 프라미스가 이행될 때까지 기다림 alert(result); // "완료!" } f(); 프라미스가 처리될 때까지 함수 실행을 기다리게 한다. 프라미스가 처..
개발/JavaScript
Promise 기본 1. promise 객체 생성 let promise = new Promise(function (resolve, reject) { // new Promise에 전달되는 함수 : executor(실행자, 실행함수) }); resolve(value): 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출 reject(error): 에러 발생 시 에러 객체를 나타내는 error와 함께 호출 executor는 resolve나 reject 중 하나를 반드시 호출해야 한다. 2. 위의 pormise 객체의 내부 프로퍼티 살펴보기 state : 처음엔 "pending" / resolve가 호출되면 "fulfilled" / reject가 호출되면 "rejected" 로 변한다. res..
▶ constructor 객체(인스턴스)를 생성하고 클래스 필드를 초기화하기 위한 특수한 메소드 ※ 클래스 필드 : 자바스크립트의 생성자 함수에서 this에 추가한 프로퍼티 예문 12345678910111213// 클래스 선언문class Person { // constructor(생성자). 이름을 바꿀 수 없다. constructor(name) { // this는 클래스가 생성할 인스턴스를 가리킨다. // _name은 클래스 필드이다. this._name = name; }} // 인스턴스 생성const me = new Person('Lee');console.log(me); // Person {_name: "Lee"}cs 클래스는 constructor라는 이름을 가진 특별한 메서드를 하나씩만 가질 수 있습..
map( ) 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만듭니다. 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback함수는 currentValue, index, array 3가지 인수를 갖습니다.- currentValue : 배열 내 처리할 현재 값- index : 배열 내 처리할 현재 값의 인덱스- array : map( )을 호출한 배열 예시 const array = [1, 2, 3, 4, 5]; const result = array.map(function(current, index, array){ console.log(curren..
