javascript箭头函数

原文 https://thewebjuice.com/es6-arrows/

1 使用es6箭头定义匿名函数

(msg)=>console.log('Hello World')

es5

'use strict';

(function (msg) {
  return console.log('Hello World');
});

2 单个参数和多个参数

// Multiple Parameter
(arg1,arg2,arg3,arg4)=>{
  return arg1+arg2+arg3+arg4
}

// Single Parameter 
(arg1)=>{ 
return arg1
}

es5

"use strict";

// Multiple Parameter
(function (arg1, arg2, arg3, arg4) {
  return arg1 + arg2 + arg3 + arg4;
});

// Single Parameter 
(function (arg1) {
  return arg1;
});

3定义闭包

// Single Line Closure
var SayHello=(hello)=>console.log(hello)

// Multi Line Closure
var SayHelloAgain=(hello)=>{
console.log('This is a multiline Closure')
console.log(hello)
}

// Calling the Two above Closure
SayHello('Hey I am ES6 Arrow')
SayHelloAgain('Heya Again!!!');

es5

'use strict';

// Single Line Closure
var SayHello = function SayHello(hello) {
  return console.log(hello);
};

// Multi Line Closure
var SayHelloAgain = function SayHelloAgain(hello) {
  console.log('This is a multiline Closure');
  console.log(hello);
};

// Calling the Two above Closure
SayHello('Hey I am ES6 Arrow');
SayHelloAgain('Heya Again!!!');

4  Literal Syntax 

var createObject = (x,y,color)=>({x:x,y:y,z:z})

es5 

"use strict";

var createObject = function createObject(x, y, color) {
  return { x: x, y: y, z: z };
};