Promise JavaScript

Terminology

• CallStack
• Task queue
• Promise

関数実行順番

実行順番について勘違いしていたのでまとめる

1. orderExecutor 呼ばれてCallStack に入る
2. orderExecutorがCallStackから出る
3. thenがTask queueに入る
4. console.log('2')呼ばれてCallStack に入る
5. console.log('2')がCallStackから出る
6. CallStackがEmptyなったのでthenがTask queueからCallStackに入る
7. thenが実行される

promise.js

function orderExecutor(resolve, reject) {
    console.log('1'); // 1
    resolve('3');
}
let orderPizza = new Promise(orderExecutor);
orderPizza.then(function (value) {
    console.log(value); // 3
});
console.log('2'); // 2

// 1, 2, 3

Reference