ES6 总结 第三章

箭头函数

  //箭头函数写法 function(){} 变为 ()=>{}
  window.onload = () => {
          var oBox = document.getElementById("box");
          oBox.onclick = () => {
          oBox.style.backgroundColor = '#ff0000';
      };
  };

  //注意this指向会有问题
  var json = {
      a:1,
      b:2,
      showName:() => {
          return this.a;
      }
  };
  // 因为使用了箭头函数this指向了object window 所以result：undefined
  console.log(json.showName());

  //如果使用了箭头函数的写法，那么注意arguments将不能继续使用了
  var show = () => {
      console.log(arguments);
  };
  // Uncaught ReferenceError: arguments is not defined
  show(1,2,3);