console.log(1)
console.log(2)
console.log(3)
순차적으로 작동하는 형태를 동기적
비동기식 처리
console.log(1)
setTimeout(()=>{console.log(2)},1000)
console.log(3)
오래 걸리는 작업 있으면 잠시 두고 다른거 부터 처리하는
방식을 비공기식 처리
settime, ajax(), eventlistner 등 대표적인 비동기
처리 함수
function func1(data){
data()
console.log(1)
}
function func2(){
console.log(2)
}
func1(func2)
콜백지옥
순차적으로 실행하려고 콜백함수를 여러개 사용하면 가독성이 안좋습니다.
코드가 옆으로 길어지고 보기 안좋아요
function func1(data){
data()
console.log(1)
}
function func2(data){
data()
console.log(2)
}
function func3(data){
data()
console.log(3)
}
function func4(data){
data()
console.log(4)
}
func1(()=>{
func2(()=>{
func3(()=>{
func4(()=>{
console.log(5)
})
})
})
})