Maison > interface Web > js tutoriel > le corps du texte

Types de base d'étude TypeScript notes_compétences Javascript

WBOY
Libérer: 2016-05-16 15:54:09
original
996 Les gens l'ont consulté

Il existe 7 types de base dans TypeScript.

1.booléen

Copier le code Le code est le suivant :

var isDone : boolean = false ;

2, numéro

représente un nombre en JavaScript. En JavaScript, les « nombres entiers » et les « nombres à virgule flottante » sont stockés sous forme de types à virgule flottante double précision.

Copier le code Le code est le suivant :

var hauteur : nombre = 6 ;

3. chaîne

représente une chaîne. Comme JavaScript, vous pouvez utiliser une paire de guillemets doubles (") ou une paire de guillemets simples (') pour représenter une chaîne.

Copier le code Le code est le suivant :

nom de la variable : string = "bob";
nom = 'forgeron';

4. tableau

Il existe deux méthodes de déclaration de tableau dans TypeScript.

①Utilisez "[]" pour déclarer :

Copier le code Le code est le suivant :

var liste : nombre[] = [1, 2, 3];

② Utilisez le type tableau pour déclarer :

Copier le code Le code est le suivant :

var list : Tableau
Les deux méthodes de déclaration peuvent être utilisées, et il n'y aura aucune différence dans l'effet. Cependant, il est recommandé de n’en utiliser qu’un seul dans le code afin de conserver un style de code unifié.

5.énumération

Le type d'énumération est nouvellement ajouté dans TypeScript, mais ce type n'existe pas en JavaScript.

Copier le code Le code est le suivant :
enum Couleur {
​ Rouge,
Vert,
Bleu
};
var c : Couleur = Couleur.Vert ;

Identique à C#, si la valeur du premier élément n'est pas déclarée, alors la valeur du rouge ci-dessus est 0, puis chaque élément est augmenté de un, c'est-à-dire que le vert est 1 et le bleu est 2.

Copier le code Le code est le suivant :
enum Couleur {
​ Rouge = 1,
Vert,
Bleu
};
var c : Couleur = Couleur.Vert ;

Donc, à ce moment, la valeur du Rouge est 1, le Vert est 2 et le Bleu est 3.

Bien sûr, vous pouvez également spécifier une valeur pour chaque élément.

Copier le code Le code est le suivant :
enum Couleur {
​ Rouge = 1,
Vert = 2,
Bleu = 4
};
var c : Couleur = Couleur.Vert ;

De plus, les types d'énumération ont une fonction spéciale. Si nous avons une valeur, mais que nous ne savons pas si elle est définie dans le type d'énumération, nous pouvons l'obtenir de la manière suivante :

Copier le code Le code est le suivant :
enum Couleur {
​ Rouge = 1,
Vert,
Bleu
};
var colorName : string = Couleur[2];
alerte(nomcouleur);
colorName = Couleur[4];
alerte(nomcouleur);

Ensuite, vert et indéfini seront affichés. Étant donné que Green a une valeur de 2 et qu'aucune énumération ne définit une valeur de 4, undefined est renvoyé.

6. n'importe lequel

Comme le type de variable par défaut en JavaScript, les références sont dynamiques et peuvent se voir attribuer n'importe quel type. Par exemple :

Copier le code Le code est le suivant :

var notSure : any = 4 ;
notSure = "peut-être une chaîne à la place";
notSure = false; // ok, définitivement un booléen

Une fois définie comme quelconque, la fonction de sensibilisation à la syntaxe sera perdue, ce qui équivaut à écrire du JavaScript.

Il convient de mentionner que n'importe lequel peut être utilisé avec des tableaux :

Copier le code Le code est le suivant :

var list : any[] = [1, true, "gratuit"];
liste[1] = 100;

7, nul

Ce type ne peut être utilisé que dans les fonctions. Vous pouvez spécifier le type de retour de la fonction comme void, ce qui signifie que la fonction ne renvoie aucune valeur.

Copier le code Le code est le suivant :

fonction warnUser() : void {
alert("Ceci est mon message d'avertissement");
>

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal