본문 바로가기

JavaScript7

Promise, async / await 자바스크립트의 Promise는 비동기 작업을 처리하는데 사용되는 객체. 비동기 작업은 특정 작업이 완료되기를 기다리지 않고 다음 코드가 실행되는 것을 의미한다. Promise는 이러한 비동기 작업을 보다 쉽고 효율적으로 처리하기 위해 도입된 개념. 성공 실패 const pr = new Promise((resolve, reject) => { }); const pr = new Promise((resolve, reject) => { setTimeout(() => { resolve('OK') }, 3000) }); 위 함수는 state가 pending(대기) 에서 3초 후 state: fulfilled(이행됨) 으로 변경됨 const pr = new Promise((resolve, reject) => { set.. 2023. 8. 1.
call , apply, bind call 모든 함수에서 사용할 수 있으며, this를 특정값으로 지정할 수 있다. const kim = { name: 'Kim' }; const lee = { name: 'Lee' }; function showThisName(){ console.log(this.name); } function update(brithYear, occupation){ this.brithYear = brithYear; this.occupation = occupation; }; update.call(kim,1999,"backend"); update.call(tom,2002,"frontend"); apply 함수 매개변수를 처리하는 방법을 제외하면 call과 같다. 다만 call은 일반적인 함수와 마찬가지로 매개변수로 직접 받지만.. 2023. 8. 1.
array methods (2) arr.map(fn) 함수를 받아 특정 기능을 시행하고 새로운 배열을 반환 let userList = [ { name: 'Kim', age: 30 }, { name: 'Lee', age: 26 }, { name: 'Son', age: 22 }, ] let newUserList = userList.map((user, index)=> { return Object.assign({},user { isAdult: user.age > 19 }) }); 후 let userList = [ { name: 'Kim', age: 30, isAdult: true }, { name: 'Lee', age: 26, isAdult: true }, { name: 'Son', age: 22, isAdult: true }, ] array.. 2023. 7. 31.
Array Methods arr.splice(n,m) 특정 요소 삭제 ,삭제된 요소 반환 arr.splice(n,m) 특정 요소 삭제 n 시작 m 갯수 let arr = [1,2,3,4,5]; arr.splice(1,2); // [1,4,5] let result = arr.splice(1,2); result 값은 [2,3] arr.splice(n,m,x) 특정요소 지우고 추가 let arr = [1,2,3,4,5]; arr.splice(1,3,100,200); // [1,100,200,5] let arr = ["나는", "철수", " 입니다"]; arr.splice(1,0,"대한민국","소방관"); // ["나는",""대한민국","소방관","철수","입니다"]; 삭제는 안하고 인덱스 1 자리에 추가 arr.slice(n,m) n.. 2023. 7. 31.