箭头函数给出错误，而函数声明给出正确输出

Question

///当使用箭头功能时为什么不起作用

var arr = [2,3,4,5,6,7,8];

document.getElementById("demo").innerHTML = arr.reduce(sum);

var sum = (total,num)=>{

    return total +num;
}

//此代码正在工作

var arr = [2,3,4,5,6,7,8];

document.getElementById("demo").innerHTML = arr.reduce(sum);

 function sum(total,num){

    return total + num;
 }

任何人请告诉我。