标签：ES6 return 函数 ... var2 add let var

1，带参数默认函数

function add(a=10,b=20){

  return a+b;

}

add();

2，默认表达式也可以是个表达式

function getVal(val){

 return val + 5

}

function add(a=10,b=getVal(5)){

  return a+b;

}

add(10);

注意：这个getVal是惰性的，如果传值了，表达式不会执行，

3，剩余参数  es5使用arguments  es6 有三个...和一个紧跟着的具名参数制定  ...keys  放在后面；解决了arguments；

let book =  {

   title：'es6的教程'，

  author:'小马哥'，

   year：2022

}

function pick(obj,...keys){

   let result = Object.create(null);

   for(let i = 0;i<keys.length;I++){
       result [keys[i]] = obj[[keys[i]];

   }

}

pick(book,'title');

4 扩展运算符... 

    剩余运算符：  把多个独立的合并到一个数组；

    扩展运算符：  将一个数组分割，并将各个项作为分离的参数传递给函数

    处理数组中的最大值 

   const arr = [10,20,30,60,100,50];

   Math.max(...arr ); ES6写法更方便；

   Math.max.apply(null,arr); ES5写法

 

5 ES的箭头函数

  let add = (a,b)=>{

    return  a+ b;

 }

let add = var =>  var ;   一个参数写法

let add =  var => (var + 5) ;

let add = (var1,var2)=> (var1+var2); 或  let add = (var1,var2)=> var1+var2; 

let fn = ()=> 'hello world'  无参数

let getObj = id  => ({id:id,name:'haha'})  对象

 

 

 

 

 

 

 

标签：ES6,return,函数,...,var2,add,let,var
来源： https://www.cnblogs.com/zhaoboxing/p/16227208.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。