Tutorial de TypeScript: Lección 2 - Variables

TypeScript - Variables

Reglas variables:

• Los nombres de las variables pueden contener alfabetos y dígitos numéricos.
• No pueden contener espacios ni caracteres especiales, excepto el subrayado (_) y el signo de dólar ($).
• Los nombres de las variables no pueden comenzar con un dígito.

Declaración de variable en TypeScript

S.No.	Sintaxis y descripción de declaración de variable
1.	var name: string = "tutorialspots" La variable almacena un valor de tipo cadena
2.	var nombre: cadena; La variable es una variable de cadena. El valor de la variable se establece en indefinido de forma predeterminada
3.	var name = "tutorialspots" El tipo de variable se infiere del tipo de datos del valor. Aquí, la variable es del tipo cadena
4.	var nombre; El tipo de datos de la variable es cualquiera. Su valor está establecido en indefinido de forma predeterminada.

Ejemplo:

1 2 3 4 5 6 7 8 9 10 11 12

var string1:string = "tutorialspots" var number1:number number1 = 100 var number2 number2 = 200 var number3 = 30.5 var sum = number1 + number2 + number3 console.log("first string: "+string1) console.log("first number: "+number1) console.log("second number: "+number2) console.log("third number: "+number3) console.log("sum of the numbers: "+sum)

Después de compilar:

1 2 3 4 5 6 7 8 9 10 11 12

var string1 = "tutorialspots"; var number1; number1 = 100; var number2; number2 = 200; var number3 = 30.5; var sum = number1 + number2 + number3; console.log("first string: " + string1); console.log("first number: " + number1); console.log("second number: " + number2); console.log("third number: " + number3); console.log("sum of the numbers: " + sum);

Resultado:

1 2 3 4 5

[LOG]: first string: tutorialspots [LOG]: first number: 100 [LOG]: second number: 200 [LOG]: third number: 30.5 [LOG]: sum of the numbers: 330.5

Aserción de tipo en TypeScript

Sintaxis:

1	var var2:T = <T> var1

Ejemplo:

1 2 3 4

var var1 = '1' var var2 = <any> var1 var var3 = <number> var2 console.log(typeof(var3))

Después de compilar:

1 2 3 4

var var1 = '1'; var var2 = var1; var var3 = var2; console.log(typeof (var3));

Sintaxis 2:

1	var var2 = var1 as T

Ejemplo:

1 2 3 4

var var1 = '1' var var2 = var1 as any var var3 = var2 as number console.log(typeof(var3))

Escritura inferida en TypeScript

1	var str = "tutorialspots";    // data type inferred as string

Alcance variable de TypeScript

• Global Scope- Las variables globales se declaran fuera de las construcciones de programación. Se puede acceder a estas variables desde cualquier lugar dentro de su código.
• Class Scope- Estas variables también se denominan campos. Los campos o variables de clase se declaran dentro de la clase pero fuera de los métodos. Se puede acceder a estas variables utilizando el objeto de la clase. Los campos también pueden ser estáticos. Se puede acceder a los campos estáticos utilizando el nombre de la clase.
• Local Scope - Las variables locales, como sugiere el nombre, se declaran dentro de las construcciones como métodos, bucles, etc. Las variables locales son accesibles solo dentro de la construcción donde se declaran.

Ejemplo:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

var global_var = 2         //global variable class Animal {    name = "Alex"           //class variable    static legs = 4         //static field         setName(new_name:string):void {       var name = new_name  //local variable       this.name = name    } } console.log("Global var: "+global_var)  console.log(Animal.legs)   //static variable  var obj = new Animal() obj.setName("Milu") console.log("Class var: "+obj.name)

Después de compilar

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 dieciséis 17

var global_var = 2; //global variable var Animal = /** @class */ (function () {     function Animal() {         this.name = "Alex"; //class variable     }     Animal.prototype.setName = function (new_name) {         var name = new_name; //local variable         this.name = name;     };     Animal.legs = 4; //static field     return Animal; }()); console.log("Global var: " + global_var); console.log(Animal.legs); //static variable  var obj = new Animal(); obj.setName("Milu"); console.log("Class var: " + obj.name);

Resultado:

1 2 3

[LOG]: Global var: 2 [LOG]: 4 [LOG]: Global var: Milu