{} içindeki işlev bildirimi hakkında karıştı

var a;
if (true) {
  a = 5;

  function a() {}
  a = 0;
  console.log(a)
}
console.log(a)

Snippet'i genişlet

Yukarıdaki kodu gördüm, bir fonksiyon {} 'da bildirildi. Bence 0 0 basar, ama 0 5 basar

javascript

— Marcus Lee
kaynak

Bu sorunuza cevap veriyor mu? ES6'daki blok seviyesi işlevlerinin kesin semantiği nedir?

— Jonas Wilms

Katı modda günlüğe kaydeder 0 undefined.

— CertainPerformance

@certainPerformance iyi, bu açıklanabilir, ancak a = 5bloğu bıraktığını açıklayamıyorum . Dupe bergi göre, çekilecek function a.

— Jonas Wilms

Yerel olarak kapsamlandırılmış blok değişkeni, işlev bildirimine ulaşırken dış bloğa kopyalanıyor gibi görünüyor.

— Jonas Wilms

Aşağıdakiler olur:

(1) İki değişken bildirimi vardır a, biri blok içinde diğeri dışında.

(2) İşlev bildirimi kaldırılır ve iç blok değişkenine bağlanır.

(3) a = 5'e ulaşılır, bu da blok değişkenini geçersiz kılar.

(4) fonksiyon bildirimine ulaşılır ve blok değişkeni dış değişkene kopyalanır. İkisi de şimdi 5.

(5) a = 0'e ulaşılır, bu da blok değişkenini geçersiz kılar. Dış değişken bundan etkilenmez.

 var a¹;
 if (true) {
   function a²() {} // hoisted
   a² = 5;
   a¹ = a²; // at the location of the declaration, the variable leaves the block      
   a² = 0;
  console.log(a²)
}
console.log(a¹);

Bu bir parçası, gerçekten aslında özelliklerinin bir parçası değildir , web eski uyumluluk semantik yüzden, blokların içinde işlevlerini bildirmek yoktur ve bu şekilde davranmasına Bu kodun güvenmeyin .

Bu da burada açıklanıyor

— Jonas Wilms
kaynak

Ama neden fonksiyon bildirimi ulaşıldığında, blok değişkeni dış değişkene kopyalanacaktır?

— Chor

@Chor hayır, spec söylüyor. Neden olduğuna dair hiçbir fikrim yok.

— Jonas Wilms