Каковы преимущества использования функции стрелки вместо присваивания при объявлении переменной?

Question

Я смотрел видео ниже

https://egghead.io/lessons/react-store-values-in-localstorage-with-the-react-useeffect-hook

, в начале он написал

const initialCount = Number(window.localStorage.getItem('count') || 0);

, позже он исправил это ниже, чтобы оптимизировать

const initialCount = () => Number(window.localStorage.getItem('count') || 0);

но я не понял, почему он оптимизирован

дайте мне знать заранее спасибо

Answer 1

Когда мы используем функцию, она выполняется только тогда, когда она вызывается.

Answer 2

For,

const initialCount = Number (window.localStorage.getItem ('count') || 0);

Как только компонент смонтирован, будет выполнена строка, которая потребует некоторого времени и вычислительной мощности.

const initialCount = () => Number (window.localStorage.getItem ('count') || 0);

Хотя вышеприведенный оператор будет объявлен только потому, что он является функцией, и он будет выполнен только после его вызова. Это может повлиять на производительность.