본문 바로가기

전체 글

(41)
Javascript JS async / await async // 함수앞에 async를 붙이면 Promise로 반환된다 // 따라서 getName() 함수는 .then() .catch() .finally() 사용이 가능하다. async function getName() { return "Mike"; } getName().then(name => console.log(name)); // return 값을 Promise로 사용 가능 async function getName() { return Promise.resolve("Tom"); } getName().then(name => console.log(name)); async function getName() { return new Promise((res, rej) => { res("James"); }); } ..
Javascript JS 콜백함수 (callback) 콜백함수 - 함수의 파라미터로 들어가 호출되는 함수 ex 1) const callback = () => console.log("콜백함수"); // 혼자서 실행 X const fn = callback => callback(); fn(callback); // fn 함수에 파라미터로 callbackFn이 들어가고 함수를 실행 결과, "콜백함수" ex2) function fn(callback) { callback(); } fn(() => console.log("콜백함수")); ex3) words = ['spray','limit','elite','exuberant','destruction','present']; function myFilter(words, callback) { var result = []; for..
Javascript JS 클래스(class) Class - ES6 에 추가된 스펙 class User { constructor(name, age) { this.name = name; this.age = age; } showName() { console.log(this.name); } } const user1 = new User("Mike", 30); extends - 다른 클래스 상속 class Car { constructor(color) { this.color = color; this.wheels = 4; } driver() { console.log("drive..."); } stop() { console.log("STOP !"); } } class Bmw extends Car { park() { console.log("PARK"); } } co..