JavaScript: let y const y la diferencia y conexión de var

En JavaScript, lety constson varpalabras clave que se utilizan para declarar variables. Tienen diferentes características en términos de alcance, elevación variable, mutabilidad y declaraciones repetidas.

la diferencia:

  1. Ámbito: lety constambas son variables con ámbito de nivel de bloque, varpero variables con ámbito de función. El alcance a nivel de bloque significa que lety son válidos dentro constdel bloque (llaves) en el que se declaran  y no son válidos más allá de ese bloque. {}El alcance de la función significa que vares válido en todo el cuerpo de la función.
  2. Elevación de variables: varexiste la elevación de variables, es decir, las variables se pueden usar antes de que se declaren. Y letsin constelevación de variables, usar una variable antes de que se declare provoca que se arroje un error.
  3. Mutabilidad: letlas varvariables declaradas se pueden reasignar, mientras que constlas variables declaradas son constantes y no se pueden reasignar. Tenga en cuenta que constun objeto o una matriz declarados aún pueden modificar sus propiedades o elementos, pero no se pueden reasignar como un nuevo objeto o matriz.
  4. Declaración repetida: en el mismo ámbito, varel mismo nombre de variable se puede declarar varias veces y no se permite declarar letel mismo nombre de variable repetidamente en el mismo ámbito.const

conectar:

  • Método de declaración: ambos se usan para declarar variables, pero la sintaxis utilizada es ligeramente diferente.
    • let: Se utiliza para declarar variables modificables con alcance a nivel de bloque.
    • const: se usa para declarar constantes, que no se pueden reasignar después de la declaración, y también tienen alcance a nivel de bloque.
    • var: Se utiliza para declarar variables con alcance de función.
  • Redefinición de variables: las variables utilizadas lety constdeclaradas no se pueden definir repetidamente, lo que dará lugar a errores. Sin embargo, varse permiten múltiples definiciones de la misma variable y las definiciones posteriores anularán las definiciones anteriores.

Recomendaciones generales:

  • Use lety constreemplace siempre que sea posible var, ya que son más seguros y flexibles.
  • Úselo para letdeclarar variables que necesitan ser modificadas.
  • Utilice constconstantes declaradas que no se reasignarán.
  • Úselo solo cuando realmente necesite el alcance de la función var.

Al declarar variables, puede optar por utilizar let, consto , según la situación var. Aquí hay algunos ejemplos de uso: 

1. Usa let: 

let age = 25;
age = 26; // 可以重新赋值
console.log(age); // 输出 26

function updateName() {
  let name = "John";
  console.log(name);
}

updateName(); // 输出 "John"
console.log(name); // 报错,name 不在作用域内

2. Usa constante:

const PI = 3.14;
console.log(PI); // 输出 3.14

// 声明常量后不能再次赋值
PI = 3.14159; // 报错,不允许改变值

const person = {
  name: "Alice",
  age: 30
};

person.age = 31; // 对象的属性可以修改
person.city = "New York"; // 可以添加新的属性
console.log(person); // 输出 { name: "Alice", age: 31, city: "New York" }

3. Utilice var: 

var count = 10;
count = 11; // 可以重新赋值
console.log(count); // 输出 11

function sayHello() {
  var message = "Hello!";
  console.log(message);
}

sayHello(); // 输出 "Hello!"
console.log(message); // 报错,message 不在作用域内

Supongo que te gusta

Origin blog.csdn.net/m0_74293254/article/details/131575047
Recomendado
Clasificación