Home > Web Front-end > JS Tutorial > A closer look at the JavaScript const keyword

A closer look at the JavaScript const keyword

WBOY
Release: 2024-02-19 11:22:06
Original
634 people have browsed it

A closer look at the JavaScript const keyword

Detailed explanation of the usage of const in JavaScript

In JavaScript, const is a keyword used to define constants. Unlike var and let, variables defined by const cannot be changed. Once a constant is defined, it cannot be assigned a value. This article will explain in detail how to use const and give specific code examples.

  1. Basic usage of const
    In JavaScript, use the const keyword to declare a constant. Constants must be initialized when declared and cannot be assigned again. An example is as follows:

const PI = 3.14;
PI = 3.14159; // Error! The constant PI cannot be modified

In the above code, we define a constant named PI and assign it a value of 3.14. We then tried to change the value of PI to 3.14159 again, but this was wrong because constants declared as const cannot be modified.

  1. const and scope
    Like the let keyword, constants declared by const also have block-level scope. Constants declared via const inside a code block are not accessible from outside. An example is as follows:

{
const a = 10;
console.log(a); // Output 10
}

console.log(a ); // Error! Variable a is undefined

In the above code, we declare a constant a via const inside a code block and assign it a value of 10. We can access the value of a inside the code block and print it out, but accessing a outside the code block will cause an error because a is only visible inside the code block.

  1. const and objects
    A constant declared using const can be an object. For example:

const person = {
name: 'Alice',
age: 20
};

person.age = 21; // OK Modify the properties of the object
person = {}; // Error! The constant person cannot be reassigned

In the above code, we declare a constant person using const and assign it to an object. Although the constant person cannot be reassigned, we can modify the properties in the person object because the object itself is mutable.

  1. const and array
    A constant declared using const can also be an array. Examples are as follows:

const numbers = [1, 2, 3, 4, 5];

numbers.push(6); // Elements can be added to the array
numbers[0] = 0; //You can modify the elements in the array

In the above code, we use const to declare a constant numbers and assign it to an array. Even though numbers is a constant, we can still change the contents of the array by adding elements and modifying elements.

  1. const and memory address
    Constant declared using const does not mean that its value is unchanged, but that its memory address is immutable. For example:

const fruits = ['apple', 'banana', 'orange'];
fruits[0] = 'pear'; // You can modify the elements in the array

In the above code, we use const to declare a constant fruits, whose value is an array. Although we can modify the elements in the fruits array, we cannot point fruits to a different memory address.

Summary:

  • Variables declared using the const keyword are constants and cannot be reassigned
  • Constants declared with const have block-level scope
  • const declared constants can be objects and arrays, and can modify the properties of objects and array elements
  • const declared constants are immutable memory addresses

Use the const keyword It allows us to better manage constants and prevent accidental modifications in programming. Although constants declared as const can modify their properties and elements, they cannot be reassigned. Reasonable use of the const keyword can improve the readability and maintainability of the code.

The above is a detailed analysis of the usage and precautions of the const keyword in JavaScript. I hope it will be helpful to readers.

The above is the detailed content of A closer look at the JavaScript const keyword. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template