본문 바로가기

자바스크립트3

자바스크립트 콜백 Callback함수 알아보기 CallBack 함수란? 다른 함수에 전달되는 함수를 이야기한다. 결국, 나중에 실행된다? 어떤 이벤트가 발생했거나 특정 시점에 도달하였을때, 시스템에서 호출하는 함수를 말한다. 즉, 콜백함수는 콜백함수라는 유니크한 문법적 특징을 가지고 있는것이 아니라, 호출방식에 의한 구분이다. 대표적인 콜백함수의 사용예로는 자바스크립트에서 이벤트 핸들러 처리이다. 버튼1 Html에 onclick에 button1_click 함수는 브라우저의 javascript API 에서 DOM 이벤트 핸들러에 전달 (등록) 되고, 해당 버튼에 클릭이벤트가 발생하였을테 이벤트 핸들러가 콜백함수를 호출한다. Callback을 활용한 비동기적 프로그래밍 Callback 함수를 사용하는 이유는, 자바스크립트에서 비동기적 프로그랭을 할수 있.. 2022. 3. 6.
비동기 처리의 시작 콜백 이해하기 callback.js 'use strict' //Synchronous callback function printImmediately(print){ print(); } //Asynchronous callback function printWithDelay(print, timeout) { setTimeout(print, timeout); } //JavaScript is synchronouse. //Execute the code block by orger after hoisting. //hoisting: var, funcition declaration console.log('1'); setTimeout(() => console.log('2'), 1000); //console.log('2'); console.lo.. 2021. 12. 7.
자바스크립트 배열 개념과 APIs 'use strict' //Array //1.Declaration const arr1 =new Array(); const arr2 =[1,2]; //2.Index position const fruits = ['🍎','🍌']; console.log(fruits); console.log(fruits.length); console.log(fruits[0]); console.log(fruits[1]); console.log(fruits[2]); console.log(fruits[fruits.length-1]); //3.looping over an array //print all fruits //a.for for(let i =0; i fruits.forEach((fruit) => console.log(fruit).. 2021. 12. 7.