Функциянын ичинде var менен өзгөрмө жарыялоо кандай натыйжаларга алып келиши мүмкүн?

Функциянын ичинде var менен жарыяланган өзгөрмө функциянын чөйрөсүнө ээ болот. Бул мындай дегендик, мындай өзгөрмө бүт функция боюнча жеткиликтүү болуп, блок чөйрөлөрүн (мисалы, if же for ичинде) эске албастан.

Жыйынтыктары:

• Өзгөрмөлөрдү кайра жазуу: Блок ичинде var менен жарыяланган өзгөрмө, ошол эле функцияда мурда жарыяланган, бирок бул блоктун сыртында турган, ошол эле аталыштагы өзгөрмөнү кайра жазып коё алат.
• Hoisting (көтөрүү): var менен жарыяланган өзгөрмө функциянын башында көтөрүлөт. Бул дегендик, өзгөрмөнү жарыялагандан мурда колдонсо болот, бирок анын мааниси ошол учурда undefined болот.
• Циклдерде күтүлбөгөн жүрүм-турум: for циклдеринде, асинхрон операциялар менен (мисалы, setTimeout) var менен жарыяланган өзгөрмө циклдин акыркы маанисин алат, ал эми итерация учурунда эмес.

Мисалдар:

функция мисалScopeVar() {
  console.log(a); // undefined (hoistingтин натыйжасында)
  var a = 10;
  if (true) {
    var a = 20; // Чыгарылуу сырттагы 'a' өзгөрмөсүнөн
    console.log(a); // 20
  }
  console.log(a); // 20 (if блоктон алынган мааниси)
}

мисалScopeVar();

Цикл жана асинхрон операциялар менен мисал:

функция мисалЦиклVar() {
  for (var i = 0; i < 3; i++) {
    setTimeout(function() {
      console.log(i); // 3, 3, 3 чыгат (i циклдин акыркы мааниси)
    }, 100);
  }
}

мисалЦиклVar();

Бул өзгөчөлүктөрдүн натыйжасында, күтүлбөгөн учурларды алдын алуу үчүн, let же const колдонуу сунушталат, алар блок чөйрөсүнө ээ.