JavaScript | Const

Опубликовано: 13 Декабря, 2021

ES2015 (ES6) представило ключевое слово const для определения новой переменной. Отличие объявления константной переменной от других заключается в том, что ее нельзя переназначить.

Характеристики:

Не может быть переназначен.
Область действия блока
Его можно присвоить переменной в строке объявления.
Первобытная ценность.
Свойство константного объекта можно изменить, но его нельзя изменить для ссылки на новый объект.
Значения внутри массива const могут быть изменены, он может добавлять новые элементы в массивы const, но не может ссылаться на новый массив.
Допускается повторное объявление константной переменной внутри другой области видимости блока.
Не может быть поднят.
Создать ссылку только для чтения на значение.

Пример 1: Он описывает, что переменную const нельзя переназначить.

 <script type= "text/javascript" >
    const x = 12;
    x = 13;
    x += 1;
 </script>

Выход:

Uncaught TypeError: присвоение постоянной переменной.

Пример 2: Он описывает переменную const, которая содержит область действия блока.

<script type="text/javascript">
    const x = 22;
    {
        const x = 90;
        console.log(x);
   
        {
            const x = 77;
            console.log(x);
        }
        {
            const x = 45;
            console.log(x);
        }
    }
    console.log(x);
</script>

Выход:

Пример 3: Он описывает константную переменную и присваивает ее после объявления.

 <script type= "text/javascript" >
    const x;
    x = 12;
 </script>

Выход:

Uncaught SyntaxError: в объявлении const отсутствует инициализатор

Пример 4: В нем описывается, что переменная const не может быть поднята.

 <script type= "text/javascript" >
    x = 3;
    console.log(x);
    const x;
 </script>

Выход:

Uncaught SyntaxError: в объявлении const отсутствует инициализатор

Пример 5: Он описывает, что значения массива могут быть изменены, только ссылка на массив не может быть изменена.

 <script type= "text/javascript" >
 
    // Changing the content of array is
    // possible in cost array
    const arr1 = [ "pankaj" , "sumit" , "chandan" , "ajay" ];
     
    console.log(arr1.toString());
     
    arr1[2] = "Narayan" ; // possible
     
    console.log(arr1.toString());
 </script>

Выход:

панкадж, сумит, чандан, аджай
панкадж, сумит, Нараян, аджай

Пример 6: Он описывает, что свойства объекта могут быть изменены, только ссылка на объект не может быть изменена.

 <script type= "text/javascript" >
 
    const person = {
        first_name: "Pankaj" ,
        last_name: "Singh" ,
        Age: 20,
        About: "Web Developer and Competitive Programmer"
    };
     
    console.log(person);
     
    // It is possible
    person.first_name = "Aryan" ;
    person.last_name = "Yadav" ;
    person.Age = 22;
    person.About = "Commerce undergraduate" ;
     
    console.log(person);
   
    // it is not possible
    // const person={
    // "first_name":"Aryan",
    // "last_name":"Yadav",
    // "Age":22,
    // "About":"Commerce undergraduate"
    // }
 </script>

Выход:

JavaScript Picked

JavaScript | Const

РЕКОМЕНДУЕМЫЕ СТАТЬИ