ES6语法-函数

Posted 123-com

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6语法-函数相关的知识,希望对你有一定的参考价值。

1 函数

默认参数 定义默认参数的时候,默认参数必须要在非默认参数的后面。

function person(name,age=18,gender=){
    console.log(name,age,gender);
}
function person(name,{age=18,gender=‘女‘}={}){
    console.log(name,age,gender);
}
person("知了",{gender:"男"});

  比如我只想提供gender这个默认参数,age这个参数不提供,那么必须与解构赋值默认值结合使用实现

2 箭头函数

  函数作为一个参数变量传进去的时候,为了简化他的写法,我们可以使用箭头函数来实现

  

wx.request({
    url: "http://www.baidu.com/",
    success: function(res){
        // 做一些事情
    }
});

  以上代码可以使用箭头函数进行简化:

wx.request({
  url:‘http://www.baidu,com/‘,
  success:res=>{
   //做一些事情
 }

})

  

箭头函数的语法是:

(参数1,参数2)->{代码块}

如果只有一行代码,那么可以不用花括号:
(a,b)=>a+b;
// 如果只有一个参数,可以不使用圆括号
a => a+1

3 promise风格的调用

  在云开发中,提供大量的api有大量的promise方式的调用, 

const p=new Promise(function(resolve,reject))
{
//如果执行一下代码 ,那么会执行下面的then函数
   setTimeOut(()=>{
    resolve("success");
},1000);
  //如果执行一下代码 ,那么会执行下面的catch函数
      setTimeOut(()=>{
    reject("fail");
},1000);
 // 如果以上两个代码都执行,那么只会调用下面的then方法,因为resolve的调用在前面。
};

p.then((res)=>{
console.log(res);
}).catch((res)=>{
  console.log(error);
})
后在云开发中,如果出现then和catch,就知道分别对应的是成功的回调以及失败的回调。

  

 

以上是关于ES6语法-函数的主要内容,如果未能解决你的问题,请参考以下文章

ES6解构

ES6 语法

ES6语法~解构赋值箭头函数

总结常见的ES6新语法特性

ES6常用语法

总结常见的ES6新语法特性。