ES6基础语法-----箭头函数、传统函数相互演变

提示：Visual Studio Code开发工具 安装 node.js

javascript 传统函数写法

//1.定义函数
var  sum=function (a,b){//匿名函数
    
    return a+b;


}
//2.调用函数
var  t=sun(100,300);

//3.打印函数
console.log(t);//输出结果400

ES6函数语法

ES6箭头函数改进1

//箭头函数改进1
//1、定义函数
 var sum=(a,b)=>{

    return a+b;
 }
 //2.调用函数
    console.log(sum(100,300))//输出400
  

ES6箭头函数改进2

 //箭头函数改进2
 //1.定义函数
    var sum=(a,b)=> a+b;
    //2.调用函数
    console.log(sum(100,300))//输出400

总结： 箭头函数规律
1、去掉function
2.括号后面箭头=>
3.如果逻辑体只有return可以直接去掉，{}大括号也可以直接去掉(如果有逻辑体不可取)
4.如果有一个参数可以去掉括号（多个参数不可去掉）

传统函数和箭头函数相互演变

箭头函数----》传统函数

//箭头函数
var select =(a,b)=>a+b;

//传统函数
var select = function(a,b){


   return   a+b

};

箭头函数----》传统函数

//传统函数
var select = function(a,b){


   return   a+b

};

//箭头函数
var select =(a,b)=>a+b;

总结： ES6箭头函数和传统函数两者之间可以进行转化