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.lengthconsole.log(average(1,2,3,4,5));

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