코딩하는 감쟈

const example = { a : 123, b : { c : 135, d : 146 } } const a = example.a; const d = example.b.d; 위 코드를 구조분해할당하면 const { a, b : {d} } = example; console.log(a); //123 console.log(d); //146 arr = [ 1, 2, 3, 4, 5 ]; const x = arr[ 0 ]; const y = arr[ 1 ]; const z = arr[ 4 ]; 위 코드를 한줄로 const [ x, y, , , z] = arr; 로 바꾸는 것이 가능하다.

const obj = ( x, y ) => { return { x : x, y : y }; } 위 함수의 리턴이 return { x, y }; 이렇게 가능해졌다. const obj = ( x, y ) => { x, y } { x, y }이 부분이 객체를 의미하는건지 함수의 바디를 의미하는건지 자바스크립트 엔진이 해석하지 못한다. 따라서 객체를 리턴하는 경우에만 const obj = ( x, y ) => ({ x, y }) 이렇게 소괄호를 붙여 주어야 한다. function과 화살표함수의 차이점 function은 자신만의 this를 갖기 때문에 부모의 this를 받아주려면 that에 저장해줘야 한다. 화살표함수는 자신만의 this를 갖지 않고 무조건 부모의 this 그대로 물려받는다. button.addE..

Map 키와 값을 객체로 둘 수도 있다. ex) const m = new Map(); m.set({ a : 'b' }, { c : 'd' }) m.get({ a : 'b' }) >undefined 참조값이 다르기 때문에 다른 객체이다. const obj = { key : 'key' } m.set( key, 123 ) m.get( key ) 이렇게 해야만 값이 나온다. set 중복을 허용하지 않는다. 중복 제거하고 싶을 때, 중복이 없어야 하는 배열인 것에만 사용하는 것이 좋다. WeakMap과 Map 차이점 WeakMap은 가비지컬렉팅 가능하여 연쇄적으로 없어지는데, Map은 메모리에 남게 된다.

new Promise로 프로미스를 생성, 안에 resolve와 reject를 매개변수로 갖는 콜백 함수를 넣는다. 프로미스 내부에서 resolve가 호출되면 then이 실행되고, reject가 호출되면 catch가 실행된다. finally는 성공/실패 여부와 상관없이 실행된다. 프로미스를 쉽게 설명하자면, 실행은 바로 하되 결괏값은 나중에 받는 객체이다. then이나 catch에서 다시 다른 then이나 catch를 붙일 수 있다. 이전 then의 return 값을 다음 then의 매개변수로 넘긴다. 프로미스를 return한 경우 프로미스가 수행된 후 다음 then이나 catch가 호출된다. 콜백코드 콜백코드가 세번 중첩되어 있다. 위 코드를 다음과 같이 바꿀 수 있다. 코드의 깊이가 세 단계 이상 깊어..