반응형

자바스크립트 13

[자바스크립트(Java Script)] 비동기 간단 예제

1. 비동기 소스 코드 기본적으로 위에서 부터 순차적으로 진행된다. 하지만, 비동기는 위의 소스코드가 먼저 실행되지 않는다는 것을 보여준다. 콜백 함수에서 사용했던 setTimeout 함수가 비동기 함수이다. (바로가기 : [자바스크립트(Java Script)] 콜백 함수) setTimeout 함수를 보면서 비동기를 이해하도록 하자 소스 코드 setTimeout(function () { console.log("3초 후에 출력됩니다."); }, 3000); console.log("바로 실행됩니다."); 결과 동기로 실행되었다면, "3초 후에 출력됩니다"의 로그가 먼저 작성되고 "바로 실행됩니다." 가 작성될 것이다. 하지만, 위의 결과를 보면 "바로 실행됩니다."가 먼저 실행된 것을 볼 수 있다. 이는 s..

[자바스크립트(Java Script)] 콜백 함수

1. 기본 콜백 함수 콜백 함수란 함수를 함수에서 불러 사용하는것이다. 다른 함수를 불러와서 사용 하기 때문에, 인풋 변수에 함수가 들어가는 것이 특징이다. helloFunction 이라는 함수를 getFunction 함수에서 호출 할 수 있다. 소스 코드 function helloFunction() { console.log("함수 호출"); } function getFunction(callback) { callback(); } getFunction(helloFunction); getFunction(function () { console.log("익명 함수 호출"); }); 결과 getFunction 함수는 함수를 넣어서 사용하기 때문에, 익명함수도 사용 가능합니다. (익명함수는 함수의 이름이 없기 때문..

[자바스크립트(Java Script)] 객체 간단 예제(1)

객체 간단 예제 ​dog, ironMan, captainAmerica 객체를 만들어 줍니다. const dog ={ name : '멍멍이', age : 2 } ​ const ironMan = { name : '토니 스타크', actor : '로버트 다우니 주니어', alias : '아이언 맨' } ​ const captainAmerica = { name : '스티븐 로저스', actor : '크리스 에반스', alias : '캡틴 아메리카' } ​ console.log(dog); console.log(ironMan); console.log(captainAmerica); ​ 프린트 가능한 함수 생성 ​ 1. 그냥 프린트 함수 function print1(hero) { const text = `1: ${he..

반응형