10th week task -3 Arrow function restore

Posted yitaqiotouto

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了10th week task -3 Arrow function restore相关的知识,希望对你有一定的参考价值。

Arrow function restore

为什么叫Arrow Function?因为它的定义用的就是一个箭头:

x => x * x

上面的箭头函数相当于:

function (x) {
    return x * x;
}

箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }return

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

如果参数不是一个,就需要用括号()括起来:

// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

如果要返回一个对象,就要注意,如果是单表达式,这么写的话会报错:

// SyntaxError:
x => { foo: x }

因为和函数体的{ ... }有语法冲突,所以要改为:

// ok:
x => ({ foo: x })

var materials = [
  ‘Hydrogen‘,
 
 ‘Helium‘,
 
 ‘Lithium‘,
  
‘Beryllium‘
];


console.log(materials.map(material => material.length));
写出这个的标准函数形式,就像下面这个形式一样
var selected = allJobs.filter(function (job) {
  return job.isSelected();
});

var selected = allJobs.filter(job => job.isSelected());





















以上是关于10th week task -3 Arrow function restore的主要内容,如果未能解决你的问题,请参考以下文章

March 07th, 2018 Week 10th Wednesday

September 10th 2017 Week 37th Sunday

December 10th 2016 Week 50th Saturday

February 10th, 2018 Week 6th Saturday

November 10th 2016 Week 46th Thursday

July 10th 2017 Week 28th Monday