ES6 arrow function and normal function difference

 

 

watch(() => data, () => {
  drawChart()
})

// Uncaught(in promise) ReferenceError: Cannot access 'drawChart' before initialization
const drawChart = () => {...}

// right
function drawChart() {}

 PS: 产生此问题的原因个人猜测是因为ES6中的箭头函数是用const声明的，而在调用drawChart函数时变量还未声明，无作用域提升，所以会出现此问题；而 function 函数会在全局声明，故不会出现问题。