Maison > Article > interface Web > Quel est le sur-ensemble de javascript
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.
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 :
Syntaxe : var [变量名] : [类型] = 值;
var [data]:[string]='hello world';
Remarque :
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 :
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!