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

A closer look at the JavaScript const keyword

Feb 19, 2024 am 11:22 AM
const Scope Detailed usage explanation

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!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Usage of typedef struct in c language Usage of typedef struct in c language May 09, 2024 am 10:15 AM

typedef struct is used in C language to create structure type aliases to simplify the use of structures. It aliases a new data type to an existing structure by specifying the structure alias. Benefits include enhanced readability, code reuse, and type checking. Note: The structure must be defined before using an alias. The alias must be unique in the program and only valid within the scope in which it is declared.

How to solve variable expected in java How to solve variable expected in java May 07, 2024 am 02:48 AM

Variable expected value exceptions in Java can be solved by: initializing variables; using default values; using null values; using checks and assignments; and knowing the scope of local variables.

Advantages and disadvantages of closures in js Advantages and disadvantages of closures in js May 10, 2024 am 04:39 AM

Advantages of JavaScript closures include maintaining variable scope, enabling modular code, deferred execution, and event handling; disadvantages include memory leaks, increased complexity, performance overhead, and scope chain effects.

What does include mean in c++ What does include mean in c++ May 09, 2024 am 01:45 AM

The #include preprocessor directive in C++ inserts the contents of an external source file into the current source file, copying its contents to the corresponding location in the current source file. Mainly used to include header files that contain declarations needed in the code, such as #include <iostream> to include standard input/output functions.

C++ smart pointers: a comprehensive analysis of their life cycle C++ smart pointers: a comprehensive analysis of their life cycle May 09, 2024 am 11:06 AM

Life cycle of C++ smart pointers: Creation: Smart pointers are created when memory is allocated. Ownership transfer: Transfer ownership through a move operation. Release: Memory is released when a smart pointer goes out of scope or is explicitly released. Object destruction: When the pointed object is destroyed, the smart pointer becomes an invalid pointer.

Can the definition and call of functions in C++ be nested? Can the definition and call of functions in C++ be nested? May 06, 2024 pm 06:36 PM

Can. C++ allows nested function definitions and calls. External functions can define built-in functions, and internal functions can be called directly within the scope. Nested functions enhance encapsulation, reusability, and scope control. However, internal functions cannot directly access local variables of external functions, and the return value type must be consistent with the external function declaration. Internal functions cannot be self-recursive.

The difference between let and var in vue The difference between let and var in vue May 08, 2024 pm 04:21 PM

In Vue, there is a difference in scope when declaring variables between let and var: Scope: var has global scope and let has block-level scope. Block-level scope: var does not create a block-level scope, let creates a block-level scope. Redeclaration: var allows redeclaration of variables in the same scope, let does not.

C++ Smart Pointers: From Basics to Advanced C++ Smart Pointers: From Basics to Advanced May 09, 2024 pm 09:27 PM

Smart pointers are C++-specific pointers that can automatically release heap memory objects and avoid memory errors. Types include: unique_ptr: exclusive ownership, pointing to a single object. shared_ptr: shared ownership, allowing multiple pointers to manage objects at the same time. weak_ptr: Weak reference, does not increase the reference count and avoid circular references. Usage: Use make_unique, make_shared and make_weak of the std namespace to create smart pointers. Smart pointers automatically release object memory when the scope ends. Advanced usage: You can use custom deleters to control how objects are released. Smart pointers can effectively manage dynamic arrays and prevent memory leaks.

See all articles