Как сделать правильно и лаконично?

Question

[Roweb]

Этот код выдаст ошибку, так как при объявлении функции переменной a не существовало. Как исполнить alert(a) в функции f при условии, что объявление функции f должно быть выше объявления переменной a

function f(){
 a++;
 alert(a);
}
let a = 20;
f();

Нормальное решение? Можно ли лучше? В программе функция f будет использоваться всегда с аргументом a, поэтому напрягает лишний код и запутанность

function f(arg){
 arg++;
 alert(arg);
}
let a = 20;

f(a);

Answer 1

[WapSter]

let f = arg => alert(++arg)

Answer 2

[Robur]

нормальное.
Удачи вам в яваскрипте с таким перфекционизмом.

Answer 3

[Пашенька]

Первый вариант не выдаст ошибок и эквивалентен второму. Другое дело, что область видимости, где определена let a = 20; может быть отличной от области объявления function f() {...}, только тогда это приведёт к ошибке.

Comments

[Roweb]

А вы пробовали запускать код? Я тоже раньше думал, что до исполнения функции, она как бы просто строка, но как я понял, в момент объявления внутри функции уже инициализируются переменные

[Пашенька]

Roweb, запустил. алерт выдал 21

[Robur]

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

Answer 4

[Алексей Николаев]

Нет, не нормальное, глаз сразу задергался. Годный вариант вам предоставил WapSter выше. Насчет передачи аргументов - это наоборот делает код чище и понятнее, поелику лазать по коду, гадая, в какой области видимости у вас валяется переменная, которую вы неявно модифицируете, ни у кого не будет желания. Передавая же переменную по значению, вы делаете функцию чище и избавляетесь от неожиданных изменений переменной в глобальном скоупе. Это хорошая практика.

Даже если у вас функция вложена в функцию (типа подпроцедуры, так иногда оч красиво делать), все равно стоит трижды подумать, прежде чем модифицировать данные из вышестоящего скоупа.