标签:turn syntax syn creat his https 参数 lin calling
原文 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定义闭包
1 // Single Line Closure 2 var SayHello=(hello)=>console.log(hello) 3 4 // Multi Line Closure 5 var SayHelloAgain=(hello)=>{ 6 console.log(‘This is a multiline Closure‘) 7 console.log(hello) 8 } 9 10 // Calling the Two above Closure 11 SayHello(‘Hey I am ES6 Arrow‘) 12 SayHelloAgain(‘Heya Again!!!‘);
es5
1 ‘use strict‘; 2 3 // Single Line Closure 4 var SayHello = function SayHello(hello) { 5 return console.log(hello); 6 }; 7 8 // Multi Line Closure 9 var SayHelloAgain = function SayHelloAgain(hello) { 10 console.log(‘This is a multiline Closure‘); 11 console.log(hello); 12 }; 13 14 // Calling the Two above Closure 15 SayHello(‘Hey I am ES6 Arrow‘); 16 SayHelloAgain(‘Heya Again!!!‘);
4 Literal Syntax
1 var createObject = (x,y,color)=>({x:x,y:y,z:z})
es5
1 "use strict"; 2 3 var createObject = function createObject(x, y, color) { 4 return { x: x, y: y, z: z }; 5 };
标签:turn syntax syn creat his https 参数 lin calling
原文地址:http://www.cnblogs.com/or2-/p/7580153.html