As For JS on Telegram: “Использование var/let/const в примерах Когда let…”

Использование var/let/const в примерах

Когда let/const не создаст никаких проблем с производительностью
let/const не создаст вам никаких проблем при условии, если вы их используется СТРОГО в рамках одного функционального окружения:

function doExampleWhereAllFineWithLet() {
   function doCalculateCirlceArea( theRadius ) {
       const PI = 3.14;
       let thePower = 2;
       return PI * theRadius ** thePower;
   }
   doCalculateCirlceArea( 10 );
}
doExampleWhereAllFineWithLet();

Оба идентификатора( thePI, thePower ), используются только в том функциональном окружении, в котором они заявлены.
Производительность этого кода будет на 100% идентична случаю, если бы мы вместо let/const использовали var.

Когда let/const начнут создавать проблемы с производительностью
Проблемы возникают тогда, когда объявленный идентификатор начнете использовать за пределами того функционального окружения в котором был объявление.

function doExampleWhereWeHaveProblemsWithLet() {
   const PI = 3.14;
   let thePower = 2;
   function doCalculateCirlceArea( theRadius ) {
       return PI * theRadius ** thePower;
   }
   doCalculateCirlceArea( 11 );
}
doExampleWhereWeHaveProblemsWithLet();

Оба идентификатора ( thePI, thePower ) используются в другой функции (функциональное окружение отличается от того, где они были объявлены)
В этом случае Вы получаете дополнительные издержки внтури функции doExampleWhereWeHaveProblemsWithLet
Глубина вложенности не важна.

Решение проблем производительности let/const через var
Решением проблем let/const, для случаев использования идентификаторов в окружениях отличных от тех где этот идентификатор был создан, является замена let/const на var.

function doExampleWhereWeResolveThroughVar() {
   var PI = 3.14;
   var thePower = 2;
   function doCalculateCirlceArea( theRadius ) {
       return PI * theRadius ** thePower;
   }
   doCalculateCirlceArea( 11 );
}
doExampleWhereWeResolveThroughVar();

Одно исключение для var
Замена let на var в случае, если идентификатор декларируется в глобальном окружении, напротив приведет к еще большим издержкам.

То есть код вида:

var PI = 3.14;
var thePower = 2;
function doCalculateCirlceArea( theRadius ) {
   return PI * theRadius ** thePower;
}
doCalculateCirlceArea( 7 );

Будет работать медленнее чем:

let PI = 3.14;
let thePower = 2;
function doCalculateCirlceArea( theRadius ) {
   return PI * theRadius ** thePower;
}
doCalculateCirlceArea( 8 );

Происходит это потому, что спецификация, для случая глобального окружения и variable statement, обладает своим особым поведением, которое создает дополнительные издержки: подобный идентификатор должен создать Property в Global Object. Что требует дополнительных издержек от Agent-а выполняешь го JS код.
Чего не происходит в случае let/const. Так как для них подобное поведение не определено.

var theVarThing = 1;
console.log( globalThis.theVarThing ); // 1
console.log( theVarThing ); // 1

let theLetThing = 2;
console.log( globalThis.theLetThing ); // undefined
console.log( theLetThing ); // 2