JS ES6 箭头函式常见问题 DAY74

箭头函式常见问题

若要回传物件
需用一个括号包住

const fn = () => ({
    data: 1
});
console.log(fn());

传统函式

let num = 0;
const fn = num || function(){ return 1}
console.log(fn());

改成 箭头函式
(若搭配判断式 箭头函式需包在括号里面)

let num = 0;
const fn = num || (()=>  2)
console.log(fn());

箭头函式实战用法

这里提供一篇阵列各种方法的文章
https://wcc723.github.io/javascript/2017/06/29/es6-native-array/

• 阵列双倍

map: 将原本所有阵列内容一一取出，然後透过回传套用在一个新阵列上

传统函式

const arr = [10,50,26,44,18,152,105]
const arrDouble = arr.map(function(item){
    return item * 2;
})
console.log(arrDouble); // 20 100 52 88 36 304 210

箭头函式

const arr = [10,50,26,44,18,152,105]
const arrDouble = arr.map( item => item * 2);
console.log(arrDouble); // 20 100 52 88 36 304 210

• 平均数

传统函式

const average = function(){
    // Array.from 转为纯阵列
    const num = Array.from(arguments);
    const total = num.reduce(function(acc,val){
        return acc + val;
    },0)
    console.log(total); // 15 
    return total / num.length; // 3
}
console.log(average(1,2,3,4,5));

箭头函式

const average = (...num) => num.reduce((acc,val) => acc + val ,0) / num.length
console.log(average(1,2,3,4,5));

那今天的介绍就到这里
若有任何问题 或 内容有误
都可以跟我说唷