演講錄影：https://www.youtube.com/watch?v=6CfrF3Tktqw&feature=youtu.be

11. Event loop
我們來來看非同步函式在event loop的過程

13. mix( )

14. mix( )
Conso.log(1)

15. mix( )

16. mix( )
setTimeout(timer2,0)

17. mix( )
setTimeout(timer2,0)

18. mix( )
timer2( )

19. mix( )
timer2( )
setTimeout(timer3,0)

20. mix( )
timer2( )
setTimeout(timer3,0)

21. mix( )
timer2( ) timer3( )

22. mix( )
timer2( ) timer3( )
Conso.log(4)

23. mix( )
timer2( ) timer3( )

24. timer2( ) timer3( )

25. timer3( )
timer2( )

26. timer3( )
Conso.log(2)
timer2( )

27. timer3( )
timer2( )

28. timer3( )

29. timer3( )

30. timer3( )
Conso.log(3)

31. timer3( )

33. 範例例
wakeMeUp

34. wakeMeUp( )
wakeMeUp( )

35. wakeMeUp( )
wakeMeUp( )
clock("6am", 3, function () {
console.log('6 am, clock');
clock("7am", 2, function () {
console.log('7 am, clock');
})
})

36. wakeMeUp( )
wakeMeUp( )
clock("6am", 3, function () {
console.log('6 am, clock');
clock("7am", 2, function () {
console.log('7 am, clock');
})
})
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

37. wakeMeUp( )
wakeMeUp( )
clock("6am", 3, function () {
console.log('6 am, clock');
clock("7am", 2, function () {
console.log('7 am, clock');
})
})
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

38. wakeMeUp( )
wakeMeUp( )
clock("6am", 3, function () {
console.log('6 am, clock');
clock("7am", 2, function () {
console.log('7 am, clock');
})
})
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}

39. wakeMeUp( )
wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}

40. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}

41. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}

42. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
console.log(6am ‘, setTimeout');

43. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}

44. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
myCallback();

45. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
myCallback();
console.log('6 am, clock');

46. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
myCallback();

47. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
myCallback();
clock("7am", 2, function () {
console.log('7 am, clock');
})

48. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
myCallback();
clock("7am", 2, function () {
console.log('7 am, clock');
})
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

49. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
myCallback();
clock("7am", 2, function () {
console.log('7 am, clock');
})
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

50. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
myCallback();
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

51. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

52. wakeMeUp( )
function () {
console.log(set_time + ',
setTimeout');
myCallback();
}
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

53. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

54. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

55. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);
console.log(7am’, setTimeout');

56. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

57. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);
myCallback();

58. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);
myCallback();
console.log('7 am, clock');

59. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);
myCallback();

60. wakeMeUp( )
setTimeout(function () {
console.log(set_time + ',
setTimeout');
myCallback();
}, delayTime);

61. wakeMeUp( )