JavaScript - jak używać let? - przykładowy kod

Słowo kluczowe let zostało wprowadzone do JavaScript w ES2015. Jest kilka ważnych rzeczy, które powinien wiedzieć każdy programista, który chce używać let.

Składnia let  jest podobna do składni var.

1. Deklaracja zmiennej
   Copy

   xxxxxxxxxx

    

   1

   let a;

   2

   let b;

   3

   let c;
2. Deklaracja zmiennej z przypisaniem wartości
   Copy

   xxxxxxxxxx

    

   1

   let a = 1;

   2

   let b = 2;

   3

   let c = 3;
3. Jeśli zmienna nie jest przypisana
   Copy

   xxxxxxxxxx

    

   1

   let a;

   2

   let b;

   3

   ​

   4

   console.log(a === undefined); // true

   5

   console.log(b === udeffined); // true

   Wynik:

   Copy

   xxxxxxxxxx

    

   1

   true

   2

   true
4. Deklaracja wielu zmiennych za pomocą jednego let.
   Copy

   xxxxxxxxxx

    

   1

   let a, b, c;

   2

   ​

   3

   console.log(a === undefined); // true

   4

   console.log(b === undefined); // true

   5

   console.log(c === undefined); // true

   Wynik:

   Copy

   xxxxxxxxxx

    

   1

   true

   2

   true

   3

   true
5. Deklaracja wielu zmiennych z przypisaniem wartości
   Copy

   xxxxxxxxxx

    

   1

   let a = 1, b = 2, c = 3;

   2

   ​

   3

   console.log(a); // 1

   4

   console.log(b); // 2

   5

   console.log(c); // 3

   Wynik:

   Copy

   xxxxxxxxxx

    

   1

   1

   2

   2

   3

   3

6. Deklaracja wielu zmiennych, niektóre z przypisaniem wartości

   Copy

   xxxxxxxxxx

    

   1

   let a, b = 2, c;

   2

   ​

   3

   console.log(a); // undefined

   4

   console.log(b); // 2

   5

   console.log(c); // undefined

   Wynik:

   Copy

   xxxxxxxxxx

    

   1

   undefined

   2

   2

   3

   undefined

Zakres let obejmuje najbliższe nawiasy klamrowe.

xxxxxxxxxx

let a = 1;

​

{ // nawiasy klamrowe tworzą nowy zakres dla zmiennych let 

    let a = 2;

​

    console.log(a); // 2

}

​

console.log(a); // 1

Wynik:

xxxxxxxxxx

2

1

Gdy użyjemy let w pętli for, zakres zmiennej obejmuje całą instrukcję for.

xxxxxxxxxx

for (let i = 0; i < 5; ++i) {

    console.log(i);

}

​

// jesteśmy poza zakresem zmiennej i, nie mamy do niej dostępu

​

Wynik:

xxxxxxxxxx

0

1

2

3

4

Różnica została opisana tutaj.

• ZAWSZE używaj słowa kluczowego let.