【Day 27】JavaScript 回呼函式（callback function）

回呼函式，或简称回调、回呼（Callback 即call then back 被主函式呼叫运算後会返回主函式），是指通过参数将函式传递到另一个函式的函式。它会在外部函式内运行、以完成某些事情。

为何要使用CallBack?
要理解JavaScript是如何执行程序，首先要先理解同步( Synchronous ， sync )与异步( Asynchronous ， async )程序执行的差异。

同步执行，意思就是一次只能做一件事情，如果安排了很多事情要给他做，他就会让这些事情去排队，再一件一件做，逐行执行。 这就是所谓的同步，一次只做一件事情。 一旦主程序需要执行超长任务时，会有等待的时间或延迟的问题，这样便会影响到後续程序的执行，造成阻塞的情况发生以及时间的浪费。

异步的概念则是刚好相反，同时可以做很多件事情，不需要等到前一件事情做完才做下一件事情。

setTimeout() 与 setInterval()

根据 MDN 定义 setTimeout() 的作用 是在延迟了某段时间 (单位为毫秒) 之後，才去执行「一次」
而 setInterval() 则是固定延迟了某段时间之後，才去执行对应的程序码，然後「不断循环」。

function first(){
  console.log('This is first funtion');
}

function second(fn){
  for(let i = 1; i <= 1 ; i++){
    console.log('This is second funtion');
  }
  if(typeof fn ==='function')
    fn();  
}

console.log('一般函式: ')
first()
second()

console.log('回呼函式，function first 被function second(f)以参数的方式传入到second(fn)里: ')
second(first);

//每隔几毫秒做1次
setInterval( first , 2*1000 );

//几毫秒之後做这件事
setTimeout( first , 2*1000 );