긍정적인 사고와 행동으로 선한 영향력을 줄 수 있도록

JavaScript 5

[JavaScript] Async와 await

비동기 함수중 하나로써, 콜백이 올때까지 아무것도 못하는 상황에서 쓰는것이 await await ( 너의 실행결과를 기다린다 , Async 함수 안에서 사용할 수 있음 = 한 쌍 ) 비동기적인 동작을 일반 코드와 같이 작성하게 해 줌. http 통신등과 같은 비동기적인 경우와 Promise를 then( ) 대신 await 키워드로 받을 수 있다. await 문장은 async 함수 안에서 사용 가능 function test(value){ return new Promise((resolve, reject)=>{ resolve('ok'); }); } async function runTest(){ const result = await test(1); console.log(result); } runTest(); t..

JavaScript 2022.01.19

[JavaScript] Promise

비동기식 함수중 대표적으로 Promise 가 있다. Promise - 비동기적인 동작에서 callback의 사용을 줄일 수 있다. ( 지속적으로 처리를 해야 되기때문에 콜백함수를 계속 선언해 야하는 지옥에서 탈출 ) Pending : 객체가 생성되었지만 작업은 완료되지 않는 상태. 파라미터로 resolve( ) 또는 reject( ) 함수를 받는다. Fulfilled : 작업이 성공하여 완료된 상태. resolve( ) 를 호출한다, Promise를 사용하는 측에서는 then( )으로 받는다. Rejected : 작업이 실패한 상태. reject( )를 호출한다, catch( )로 받을 수 있다. Promise 단독 사용 function test(value){ // Promise는 항상 resolve, ..

JavaScript 2022.01.19

[JavaScript] 함수 선언식과 표현식

자바스크립트는 함수 선언식과 함수 표현식을 모두 지원한다. 함수 선언식은 hoisting 된다 def(); // hoisted // 함수 선언식 function def(){ console.log('def'); } - 함수가 먼저 선언되어도 hoisting 됨으로 정상작동한다. 함수 표현식은 hoisting 되지 않는다. // exp(); // not hoisted const exp=function(){ console.log('exp'); } exp(); // 선언 이후에만 정상 동작 - 함수가 먼저 선언되면 동작하지 않는다.

JavaScript 2022.01.19