¿Cuáles son las diferentes palabras clave para declarar variables en TypeScript?

Las declaraciones de variables mecanografiadas son similares a Javascript. Cada palabra clave tiene un alcance específico. Aprendamos sobre las declaraciones de variables en este artículo. En Typescript, las variables se pueden declarar utilizando las siguientes palabras clave:

• variable
• dejar 
• constante

Palabra clave Var: declarar una variable usando la palabra clave var .

var variable : number = 1;

Las variables var tienen alcance de función. Indica que solo están disponibles dentro de la función en la que se formaron, o que tienen un alcance global si no se generaron dentro de una función. No funcionará si declaro var dentro de una función y luego trato de llamarlo desde fuera de la función.

El número 1 es un número que se declara globalmente. El número 2 tiene el alcance de la función en la que reside. El número 3 , incluso si está declarado en un bucle if, se puede acceder a él en la función tal como está declarado con la palabra clave var.

var number1: number = 1;
  
function var_keyword() {
  var number2: number = 2;
  if (number1 + number2 == 3) {
    var number3: number = 3;
  }
  
  console.log(number1);
  console.log(number2);
  console.log(number3);
}
  
var_keyword();

Producción:

1
2
3

Let palabra clave: Declarar una variable usando la palabra clave let . 

let variable : string = "geeksforgeeks";

Las variables let tienen un alcance de bloque . A diferencia de la palabra clave var, que declara una variable globalmente para toda la función, independientemente del alcance del bloque, la palabra clave let le permite definir variables que se limitan al alcance de la declaración o expresión del bloque en la que se utiliza. 

El número 1 es un número que se declara globalmente. El número 2 tiene el alcance de la función en la que reside. El número 3 se declara en un bucle if, solo se puede acceder a él en el bucle if, tiene un alcance de bloque, ya que se declara con la palabra clave let.

let number1: number = 1;
  
function let_keyword() {
  let number2: number = 2;
  if (number1 + number2 == 3) {
    let number3: number = 3;
  }
  
  console.log(number1);
  console.log(number2);
  console.log(number3); // Throws error
}
  
let_keyword();

Salida: después de compilar el archivo ts, la salida es:

error TS2552: Cannot find name 'number3'. Did you mean 'number2'?
console.log(number3); // Throws error

Después de ejecutar el archivo js:

1
2
3

Ventajas de la palabra clave let sobre la palabra clave var:

No se puede acceder a las variables que se declaran con la palabra clave let antes de la declaración, se genera un error mientras que en la misma condición las variables var dan como resultado undefined. 

console.log(number1); // undefined
var number1: number = 1;
  
console.log(number2); // Throws error
let number2: number = 2;

Producción:

error TS2448: Block-scoped variable 'number2' used before its declaration.
   console.log(number2);  

La variable declarada usando let no se puede volver a declarar.

let student_name: string = "rachel";
let student_name: string = "john"; // Throws error

Producción:

error TS2451: Cannot redeclare block-scoped variable 'student_name'.
   let student_name: string = "john";

Palabra clave const: declarar una variable usando la palabra clave const . 

const variable : number = 9;

Las variables constantes tienen un alcance de bloque. Las constantes, como las variables declaradas con la palabra clave let, tienen un alcance de bloque. No se puede modificar el valor de una constante reasignándole un nuevo valor y tampoco se puede redeclarar la variable con el mismo nombre. 

El número 1 es un número que se declara globalmente. El número 2 tiene el alcance de la función en la que reside. El número 3 se declara en un bucle if, solo se puede acceder a él en el bucle if, tiene un alcance de bloque, ya que se declara mediante la palabra clave const. la palabra clave const es similar a let pero la diferencia es que las variables const no se pueden reasignar, las variables declaradas usando let se pueden reasignar. 

const number1: number = 1;
  
function const_keyword() {
  const number2: number = 2;
  if (number1 + number2 == 3) {
    const number3: number = 3;
  }
  
  console.log(number1);
  console.log(number2);
  console.log(number3); // Throws error
}
  
const_keyword();

Salida: después de compilar el archivo ts, la salida es:

error TS2552: Cannot find name 'number3'. Did you mean 'number2'?
     console.log(number3); //error

Después de ejecutar el archivo js:

1
2
3

Las variables declaradas usando el tipo const no se pueden reasignar ni volver a declarar

Ejemplo: El siguiente ejemplo demuestra que la variable no se puede reasignar.

// Variable cannot be reassigned 
const student_name: string = "rachel";
student_name = "john";

Producción:

error TS2588: Cannot assign to 'student_name' because it is a constant.
    student_name = "john";
    ~~~~~~~~~~~~

Ejemplo: El siguiente ejemplo demuestra que no se pueden volver a declarar variables.

// Can not redeclare variables
const student_name: string = "rachel";
const student_name: string = "john";

Producción:

error TS2451: Cannot redeclare block-scoped variable 'student_name'.
    const student_name: string = "john";