【JavaScript】普通函数和箭头函数的区别

'use strict';

// 普通函数
var fun1 = () => {
  console.log(this);     
}
// 箭头函数
var fun2 = function() {
  console.log(this);
}
fun1();  // undefined
fun2();  // window

// 普通函数
var arr1 = [1, 3, 5, 2, 6].sort(function (a, b) {
  return a - b;
});
// 箭头函数
var arr2 = [1, 3, 5, 2, 6].sort((a, b) => a - b);

// 普通函数
var Foo1 = function() {};
var foo1 = new Foo1();  
// 箭头函数
var Foo2 = () => {};
var foo2 = new Foo2();    // Foo2 is not a constructor

var id = 'GLOBAL';
var obj = {
  id: 'OBJ',
  a: function(){
    console.log(this.id);
  },
  b: () => {
    console.log(this.id);
  }
};

obj.a();    // 'OBJ'
obj.b();    // 'GLOBAL'

var id = 'Global';
// 箭头函数定义在全局作用域
let fun1 = () => {
    console.log(this.id)
};
fun1();                     // 'Global'
fun1.call({id: 'Obj'});     // 'Global'
fun1.apply({id: 'Obj'});    // 'Global'
fun1.bind({id: 'Obj'})();   // 'Global'