💻
javascript
  • 자바스크립트 시작하기
  • 자바스크립트 기초 문법
  • 변수
  • 배열
  • 객체
  • 연산자
  • 조건문
    • if문
    • if ~else문
    • 다중 if문
    • 중첩 if문
    • switch문
    • 삼항 연산자
  • 반복문
    • while문
    • do while문
    • for문
    • 중첩 for문
    • break문
    • continue문
  • 함수
    • 선언적 함수
    • 익명함수
    • 매개변수가 있는 함수
    • arguments 함수
    • 리턴값이 있는 함수
    • 재귀함수
    • 콜백함수
    • 내부함수(스코프)
    • 객체 생성자 함수
    • 프로토타입 함수
    • 화살표 함수
    • 클래스
    • Promise
    • 템플릿 리터럴
  • 내장객체
    • String 객체
      • split()
      • join()
    • Number 객체
    • Date 객체
    • Array 객체
    • Math 객체
    • 정규표현 객체
  • 브라우저 객체
    • window 객체
    • navigator 객체
    • screen 객체
    • history 객체
    • location 객체
  • 문서객체
  • 이벤트
Powered by GitBook
On this page

Was this helpful?

  1. 함수

Promise

function a(){
    console.log("A");
}
function b(){
    console.log("B");
}

a();
b();

//A
//B
function a(){
    setTimeout(function(){
        console.log("A");
    },1000);
}
 function b(){
    console.log("B");
}

a();
b();
//B
//A
//콜백지옥
function a(callback){
    setTimeout(function(){
        console.log("A");
        callback();
    },1000);
}
function b(callback){
    setTimeout(function(){
        console.log("B");
        callback();
    },1000);
}
function c(callback){
    setTimeout(function(){
        console.log("C");
        callback();
    },1000);
}
function d(){
    setTimeout(function(){
        console.log("D");
    },1000);
}


a(function(){
    b(function(){
        c(function(){
            d()
        });
    });
});
//A
//B
//C
//D
//promise
function a(){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log("A");
            resolve();
        },1000);
    });
}
function b(){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log("B");
            resolve();
        },1000);
    });
}
function c(){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log("C");
            resolve();
        },1000);
    });
}
function d(){
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log("D");
            resolve();
        },1000);
    });
}
a()
.then(() => b())
.then(() => c())
.then(() => d())

//A
//B
//C
//D
//promise
function a(){
    return new Promise((resolve, reject) => {
        if(isError){
            reject()
        }
        setTimeout(() => {
            console.log("A");
            resolve();
        },1000);
    });
}
a()
    .then()
    .catch((error) => {
        console.log(error)
    });
            
Previous클래스Next템플릿 리터럴

Last updated 4 years ago

Was this helpful?