Header Ads Widget

Ticker

6/recent/ticker-posts

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

Publicar un comentario

0 Comentarios