美文网首页
ES6-函数

ES6-函数

作者: hunter97 | 来源:发表于2018-11-20 10:47 被阅读0次

一、 箭头函数

ES6 介绍了一种新的定义的函数的方法,叫 Arrow Functions ,箭头函数,认识一下使用箭头定义函数的写法,先定义一个变量,这个变量可以当成函数的名字,等号右边的东西是函数可以接收的参数的名字,比如用一个 dessert,然后它的右边是一个箭头,就是一个等号再加上一个大于号。
箭头的左边是函数的参数,右边是函数返回值, 比如我们要返回dessert 参数的值,直接用一个 dessert ,具体代码如下

var breakfast = function breakfast(dessert){
  return dessert
}

等同于

let breakfast = (dessert) => {
  return dessert
}

等同于(函数的参数只有一个的话,括号可以省略。函数中如果只返回一个值可以吧return{}省略。)

let breakfast = dessert => dessert
二、 函数默认值

在 ES6 里面,我们可以给定义的函数接收的参数设置默认的值,这样在执行这个函数的时候,如果不指定函数的参数的值,就会使用参数的这些默认的值。

let breakfast = (dessert="蛋糕",drink="奶茶") => {
  return dessert+'和'+drink;
}
console.log(breakfast());  //输出:蛋糕和奶茶
console.log(breakfast('巧克力','可乐'));  //输出:巧克力和可乐
三、 …操作符

... 就是 ES6 里新添加一种操作符,叫 Spread展开操作符 或者 Rest 剩余操作符 ,具体这个操作符是什么意思要取决于如何使用, Spread 操作符一般用在数组的分解上,Rest 操作符一般会用在函数的参数

  1. Spread展开操作符
let fruits = ['苹果','香蕉'];
let foods = ['蛋糕',...fruits];
console.log(fruits);    //输出:[苹果,香蕉]
console.log(...fruits); //输出:苹果 香蕉
console.log(foods);     //输出:[蛋糕,苹果,香蕉]
console.log(...foods);  //输出:蛋糕 苹果 香蕉
  1. Rest剩余操作符
//函数的参数超过设定的数量.都回归到最后的…xxx参数中
let breakfast = (dessert,drink,...foods) => {
   console.log(dessert,drink,foods)
}
breakfast('蛋糕','牛奶','香蕉','苹果');//输出结果:蛋糕  牛奶  [香蕉,苹果]

拥有梦想只是一种智力,实现梦想才是一种能力。

相关文章

  • es6-函数

    title: es6-函数date: 2018-02-01 21:47:46tags: es6 前言 杭州这周温度...

  • 2019-01-24

    ES6-之 filter

  • ES6-函数

    函数参数的默认值是『惰性求值』的 看下面这个例子: 函数参数的默认值是{ },如果函数调用提供了参数,则变量x和y...

  • ES6-函数

    一、 箭头函数 ES6 介绍了一种新的定义的函数的方法,叫 Arrow Functions ,箭头函数,认识一下...

  • ES6-函数

    1. 函数的声明 ES6 允许使用“箭头”(=>)定义函数。 箭头函数只有一个参数时,可以省略括号。 2. 带返...

  • ES6-箭头函数

    箭头函数中的this ES6函数参数默认值 箭头函数不适用的场景

  • es6-函数扩展

    函数新增特性 参数默认值 rest参数 扩展运算符 箭头函数 this绑定 尾调用 参数默认值 注意:默认值后面必...

  • es6-箭头函数

    1 变量定义 let只在局部代码块中有效 const不希望修改,差不多跟常量一个意思吧 2 箭头函数 【主...

  • ES6-箭头函数

    基本语法 当有多个参数时 (参数1,参数2,...参数n)=>{函数体} 当只有一个return时,{}可以省略 ...

  • es6-函数扩展

    参数默认值 rest参数 严格模式ES5开始,函数内部可以设定为严格模式 ES2016 做了一点修改,规定只要函数...

网友评论

      本文标题:ES6-函数

      本文链接:https://www.haomeiwen.com/subject/vidofqtx.html