Maison  >  Article  >  interface Web  >  Quel est le sur-ensemble de javascript

Quel est le sur-ensemble de javascript

青灯夜游
青灯夜游original
2021-06-09 15:04:032221parcourir

Le sur-ensemble de JavaScript est TypeScript. TypeScript est un langage de programmation gratuit et open source développé par Microsoft qui prend en charge la norme ES 6. Son objectif de conception est de développer des applications à grande échelle. Il peut être compilé en JavaScript pur, et le JavaScript compilé peut s'exécuter sur n'importe quel navigateur.

Quel est le sur-ensemble de javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, TypeScript version 4, ordinateur Dell G3.

Introduction à TypeScript :

1. TypeScript est un sur-ensemble de JavaScript et prend en charge la norme ECMAScript 6.

Superset : Si chaque élément d'un ensemble S2 est dans l'ensemble S1 et que l'ensemble S1 peut contenir des éléments qui ne sont pas dans S2, alors l'ensemble S1 est un surensemble de l'ensemble S2 , à son tour, S2 est un sous-ensemble de S1. S1 est un sur-ensemble de S2 S'il doit y avoir des éléments dans S1 qui ne sont pas dans S2, alors S1 est un vrai sur-ensemble de S2, et inversement S2 est un vrai sous-ensemble de S1.

2. TypeScript est un langage de programmation gratuit et open source développé par Microsoft.

3. TypeScript est conçu pour développer des applications à grande échelle. Il peut être compilé en JavaScript pur et le JavaScript compilé peut s'exécuter sur n'importe quel navigateur.

Opérations TypeScript :

Nous pouvons utiliser la commande tsc pour exécuter du code lié à TypeScript

Habituellement, nous utilisons .ts comme L'extension du fichier de code TypeScript,
puis exécutez la commande suivante pour convertir TypeScript en code JavaScript :

tsc test.ts

A ce moment, un fichier test.js sera généré dans le répertoire courant (le même répertoire comme test.ts).
Utilisez la commande node pour exécuter le fichier test.js

$ node test.js

Déclaration de variable TypeScript :

Règles de dénomination des variables TypeScript :

  • Les noms de variables peuvent contenir des chiffres et des lettres.
  • À l'exception du trait de soulignement _ et du signe dollar $, il ne peut pas contenir d'autres caractères spéciaux, y compris des espaces.
  • Les noms de variables ne peuvent pas commencer par un chiffre

Syntaxe : var [变量名] : [类型] = 值;

var [data]:[string]='hello world';

Remarque :

  • Lors de la déclaration d'une variable n'a pas de valeur recevra la valeur par défaut : non défini
  • Lors de la déclaration d'une variable il est donné Lorsque la valeur et nom de la variable sont utilisés, leur type est arbitraire
  • Lorsque la variable est déclarée sans valeur ni type , son type est any, la valeur est indéfinie

Si la valeur donnée ne correspond pas au type, une erreur sera signalée.

Types de base :

1. Tout type any : Une variable déclarée comme any peut se voir attribuer une valeur de n'importe quel type.

2. Numéro de type numérique : valeur à virgule flottante 64 bits double précision. Il peut être utilisé pour représenter des nombres entiers et des fractions. Une série de caractères, utilisant des guillemets simples (') ou des guillemets doubles (") pour indiquer les types de chaîne. Des guillemets (`) pour définir du texte sur plusieurs lignes et des expressions incorporées.

let data: number = 6;

3. Chaîne de type chaîne : A série de caractères, en utilisant des guillemets simples (') ou des guillemets doubles (") pour représenter le type de chaîne. Les backticks (`) sont utilisés pour définir du texte multiligne et des expressions en ligne.

let name: string = "ipad";
let years: number = 5;
let words: string = `今年是 ${ name } 发布 ${ years + 1} 周年`;

4. Type booléen booléen : représente les valeurs logiques : vrai et faux.

let flag: boolean = true;

5. Enumération : Le type d'énumération est utilisé pour définir une collection de valeurs.

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

6. void void : utilisé pour identifier le type de valeur de retour de la méthode, indiquant que la méthode n'a pas de valeur de retour.

function hello(): void {
    alert("Hello Runoob");
}

7. null null : indique que la valeur de l'objet est manquante.

8. non défini non défini : utilisé pour initialiser les variables à une valeur non définie

9. jamais jamais : jamais est un sous-type d'autres types (y compris nul et non défini), représentant jamais la valeur qui apparaît. .

Portée variable :

TypeScript a les portées suivantes :

  • Champ de portée globale - Les variables globales sont définies en dehors de la structure du programme et peuvent être utilisées n'importe où dans votre code.
  • Portée de la classe - Cette variable peut également être appelée champ. Les variables de classe sont déclarées à l'intérieur d'une classe, mais en dehors des méthodes de classe. Cette variable est accessible via un objet de la classe. Les variables de classe peuvent également être statiques et les variables statiques sont accessibles directement via le nom de la classe.
  • Portée locale - Variable locale, la variable locale ne peut être utilisée que dans un bloc de code (tel qu'une méthode) où elle est déclarée.

Sortie TypeScript :

La sortie TypeScript est utilisée de la même manière que JavaScript : console.log();

var [ename]:[string]='小明';
var [age] : [number] = 10;
console.log(ename);
console.log(age);

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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
Article précédent:Que sont les balises html5 ?Article suivant:Que sont les balises html5 ?