TechCodeview

W ES6 wprowadzono konst słowo kluczowe, które służy do definiowania nowej zmiennej w JavaScript. Ogólnie rzecz biorąc, był słowo kluczowe służy do deklarowania zmiennej JavaScript. Konst to kolejne słowo kluczowe służące do deklarowania zmiennej, gdy nie chcesz zmieniać wartości tej zmiennej w całym programie.

Różnica polega tylko na tym, że var służy do zwykłej deklaracji zmiennej, której wartość można zmienić, natomiast wartość zmiennej zadeklarowanej za pomocą słowa kluczowego const nie może zostać zmieniona.

Deklaracja/inicjalizacja zmiennej stałej

Poniżej znajduje się składnia lub prosty kod deklaracji i inicjalizacji zmiennej const.

Skopiuj kod

 const x = 16; document.write('The value of const variable x = ' + x); 

Wyjście

Wyświetli wartość stałej x bez żadnego błędu.

 The value of const variable x = 16 

Teraz omówimy niektóre właściwości zmiennych zdefiniowanych za pomocą const.

Nieruchomości

Poniżej przedstawiono właściwości konst zmienny:

1. Nie można ponownie przypisać zmiennej zdefiniowanej za pomocą słowa kluczowego const lub zmienić jej wartości.
2. Zmienna const musi zostać zainicjowana w momencie deklaracji nazwą zmiennej, np. stałax=6;
3. Nie można podać wartości zmiennej po deklaracji.
4. Nie można zmienić wartości zmiennej const.
5. The konst zmienna ma zasięg blokowy. Oznacza to, że zmiennej stałej w tym samym programie można przypisać tę samą nazwę i mieć różne wartości w różnych blokach.
6. Nie można podnieść zmiennej const, co oznacza, że ​​zmienna zadeklarowana/zainicjowana przy użyciu był nie można ponownie przypisać słowa kluczowego za pomocą konst .
7. W JavaScript const pozwala jedynie modyfikować wartość tablicy, ale nie można zmienić odniesienia do tablicy.
8. Zmienna const tworzy jedynie odniesienie do wartości.
9. Właściwości obiektu można zmienić, ale nie można zmienić odniesienia do obiektu.

Przykłady

Tutaj mamy kilka przykładów praktycznego wyjaśnienia różnych właściwości.

zmienna globalna js

Przykład 1: Na podstawie tego przykładu zobaczysz, że Nie można ponownie przypisać zmiennej const .

Skopiuj kod

 const x = 16; x = 23; //Type Error 

Wyjście

Wygeneruje błąd typu ponieważ nie jest możliwe ponowne przypisanie wartości do zmiennej stałej.

 JavaScript error: Uncaught TypeError: Assignment to constant variable. on line 3 

Przykład 2: W tym przykładzie dowiesz się, że zmienna const zawiera zakres bloku .

Skopiuj kod

 const x = 16; { const x = 23; document.write(&apos;Block2: x = &apos; + x); //23 { const x = 74; document.write( &apos; <br> Block3: x = &apos; + x); //74 } { const x = 49; document.write(&apos; <br> Block4: x = &apos; + x); //49 } } document.write(&apos; <br> Block1: x = &apos; + x); //16 

Wyjście

pamięć wirtualna

Wykonanie powyższego kodu nie spowoduje żadnego błędu. Po prostu wydrukuje wartość x różnych bloków bez żadnego błędu składniowego lub typu.

 Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16 

Przykład 3: Ten przykład opisuje, że Nie można podnieść zmiennej const .

Skopiuj kod

 x = 16; document.write(x); const x; //Syntax Error 

Wyjście

Wygeneruje błąd składni ponieważ ponowna deklaracja zmiennej jest niedozwolona.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 4 

Przykład 4: Ten przykład pokaże Ci, że Zmienna const nie może zostać zainicjowana po deklaracji .

Skopiuj kod

 const x; x = 18; //Syntax Error document.write(x); 

Wyjście

Wygeneruje błąd składni ponieważ inicjalizacja nie jest dozwolona po deklaracji zmiennej const.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 2 

Przykład 5: W JavaScript const pozwala jedynie modyfikować wartość tablicy, ale nie można zmienić odwołania do tablicy.

Skopiuj kod

 // initilize an const array const nameArray = [&apos; Aparna&apos;, &apos; Manya&apos;, &apos; Amayra&apos;, &apos; Jahnavi&apos;]; //display the value of array document.write(nameArray.toString()); document.write(&apos;<br> <br>&apos;); //change the value of array at index 2 nameArray [1] = &apos; Krishna&apos;; // possible //Again, display the array with new values document.write(nameArray.toString()); 

Wyjście

Tutaj można zobaczyć Dorośli ludzie nazwa została zastąpiona przez Kryszna . Chociaż tablica została zadeklarowana przy użyciu konst słowo kluczowe. Zatem za każdym razem wyświetli wszystkie wartości tablicy bez żadnego błędu.

 Aparna, Manya, Amayra, Jahanvi Aparna, Krishna, Amayra, Jahanvi 

Przykład 6: W tym przykładzie pokażemy, że wartości zmiennej const nie można zmienić ani zmodyfikować.

Skopiuj kod

 //declare and initialize an array of const const employee = { fname: 'Annie', lname: 'Roy', age: 22, profession: 'Web Developer' }; document.write(employee); // This can be done with const array employee.fname = 'Emmy'; employee.lname = 'Jackson'; employee.Age = 24; employee.profession = 'QA Analyst'; document.write(employee); // This cannot be possible with const array /* const employee = { 'fname': 'Emmy', 'lname': 'Jackson', 'age': 24, 'profession': 'QA Analyst' } */ 

Wyjście

byki kontra wół

Tutaj widać, że nie można ponownie zainicjować wartości obiektu o tej samej nazwie, ale wartości obiektu można zmienić, używając ich odniesienia.

 [object object] [object object]