반응형 JavaScript/Mordern JavaScript22 18.자바스크립트에서 비동기 처리 다루기 - 작업을 동기적으로 처리한다면 작업이 끝날 때까지 기다리는 동안 중지 상태가 되기 때문에 다른 작업을 할 수 없음 - 작업이 끝나야 비로소 그 다음 예정된 작업을 할 수 있음 하지만 이를 비동기적으로 처리를 한다면 흐름이 멈추지 않기 때문에 동시에 여러 가지 작업을 처리할 수도 있고, 기다리는 과정에서 다른 함수도 호출할 수 있음 function work() { const start = Date.now(); for (let i = 0; i < 1000000000; i++) {} const end = Date.now(); console.log(end - start + 'ms'); } work(); console.log('다음 작업'); ※ Date.now 는 현재 시간을 숫자 형태로 가져오는 자바스크립트.. 2021. 6. 30. 17.자바스크립트의 Scope 에 대한 이해 Scope 란? 변수 혹은 함수를 선언하게 될 때 해당 변수 또는 함수가 유효한 범위를 의미 Global (전역) Scope: 코드의 모든 범위에서 사용이 가능합니다. Function (함수) Scope: 함수 안에서만 사용이 가능합니다. Block (블록) Scope: if, for, switch 등 특정 블록 내부에서만 사용이 가능합니다. 예시를 통한 Scope 이해 const value = 'hello!'; function myFunction() { console.log('myFunction: '); console.log(value); } function otherFunction() { console.log('otherFunction: '); const value = 'bye!'; console.l.. 2021. 6. 30. 16.spread 와 rest spread 이 문법을 사용하면, 객체 혹은 배열을 펼칠수있음 const slime = { name: '슬라임' }; const cuteSlime = { name: '슬라임', attribute: 'cute' }; const purpleCuteSlime = { name: '슬라임', attribute: 'cute', color: 'purple' }; console.log(slime); console.log(cuteSlime); console.log(purpleCuteSlime); 기존의 객체를 건들이지 않고, 새로운 객체를 만들었음 spread 문법을 사용하면 다음과 같이 작성 할 수 있음 const slime = { name: '슬라임' }; const cuteSlime = { ...slime, att.. 2021. 6. 30. 15.비구조화 할당 (구조분해) 문법 const object = { a: 1, b: 2 }; const { a, b } = object; console.log(a); // 1 console.log(b); // 2 비구조화 할당 문법을 사용하면 다음과 같이 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언 가능 const object = { a: 1, b: 2 }; function print({ a, b }) { console.log(a); console.log(b); } print(object); 함수의 파라미터에서도 비구조화 할당 가능 const object = { a: 1 }; function print({ a, b }) { console.log(a); console.log(b); } print(object); // 1 // u.. 2021. 6. 30. 이전 1 2 3 4 5 6 다음 반응형
