28 JavaScript 的基础：AJAX 和 SetTimeout()

AJAX即「Asynchronous JavaScript and XML」（非同步的JavaScript与XML技术），指的是一套综合了多项技术的浏览器端网页开发技术。

from 维基百科

其实这个技术，就是以不更新整个页面，可以部份地或小地方去修改在页面上的资料。

那非同步的含义就是不需要等对方回应，就能做下一件事。
回到程序码上来说，我们都知道程序码是一行一行的往下执行，所以如果以以下的例子来看

function ping(){
  console.log('Ping!');
}

function pong(){
  console.log('Pong!');
}

function play(){
  console.log('Go!');
  ping();
  pong();
  console.log('Game Set!')
}

play();

当我们执行 play 这个 function 的时候，会按照顺序执行，画面如下：

接下来我想要做的是，在 ping 这个 function 内再做一件事，加上一个 setTimeout 的function，它的用途是有点像是设定在多少时间後去执行某一动作。在这里，我想要在它再 3000 毫秒，其实也是 3 秒後要印出大绝招。

function ping(){
  console.log('Ping!');
  setTimeout(()=>{
  console.log('大绝招！');
  },3000)
}

function pong(){
  console.log('Pong!');
}

function play(){
  console.log('Go!');
  ping();
  pong();
  console.log('Game Set!')
}

play();

如果这着我们刚刚的程序码是一行一行往下执行的话，那执行的顺序应该是
Go!
Ping!
大绝招
Pong!
Go!
Game Set!

但是我们在 JS bin 看看，会发现：

会发现，执行 setTimeout 时，有依据所写的 function 延迟了三瞟，因此加入了 setTimeout function 并没有打乱了整个顺序，这就是非同步。