定时器的执行顺序问题？

Question

正在看阮一峰大大的ES6 入门

下面的代码是书中的一个demo，但是我稍微改了一下：把3100毫秒改成3000结果就变了，很是纳闷，不知道结果为什么不一样？请教一下大家~

function Timer() {
  this.s1 = 0;
  this.s2 = 0;
  // 箭头函数
  setInterval(() => this.s1++, 1000);
  // 普通函数
  setInterval(function () {
    this.s2++;
  }, 1000);
}

var timer = new Timer();

setTimeout(() => console.log('s1: ', timer.s1), 3000);
setTimeout(() => console.log('s2: ', timer.s2), 3000);
// s1: 2
// s2: 0

额额额，不好意思，是我没说清楚。我的问题是，s1为什么等于2，而不是等于3？

而不是想es6的语法问题。

Answer 1

  setInterval(function () {
    this.s2++;
  }, 1000);

这个匿名 function 改变了 this 的指向，因此外层 this.s2 不改变

Answer 2

要想变成3至少需要3秒钟的时间，而从new出这个新对象，到创建3000ms定时器，需要消耗一定量的时间，也就是不到3秒了，只能等于2了