Fonctionnalités importantes de JavaScript que vous devez connaître

Dans ce tutoriel, nous découvrirons les particularités de Javascript.

Javascript est un langage de programmation populaire. JavaScript est flexible. Il existe de nombreuses bibliothèques open source disponibles. GitHub contient une grande quantité de code Javascript écrit par des développeurs du monde entier. Javascript fonctionne très bien sur le front-end et le back-end.

La syntaxe de Javascript est très simple. Sans aucune configuration, n'importe qui peut exécuter des programmes Javascript et les rendre conviviaux. Javascript peut être utilisé par des personnes ayant des connaissances de base en HTML, CSS et en codage.

Caractéristiques de Javascript

Script

Javascript exécute des scripts côté client dans le navigateur.

Interprète

Le navigateur interprète le code JavaScript.

Gestion des événements

Les événements sont des actions. Javascript fournit des options de gestion des événements.

Léger

Étant donné que Javascript n'est pas un langage compilé, le code source n'est jamais modifié en code octet avant son exécution. En raison de sa légèreté, les appareils bas de gamme peuvent également exécuter Javascript.

Sensible à la casse

En Javascript, les noms, variables, mots-clés et fonctions sont sensibles à la casse.

Déclaration de contrôle

Javascript a des instructions de contrôle telles que if-else-if, switch case et boucles. Les utilisateurs peuvent écrire du code complexe à l'aide de ces instructions de contrôle.

Le sujet est un citoyen de premier ordre

Les tableaux, fonctions et symboles Javascript sont tous des objets qui peuvent hériter des propriétés du prototype d'objet. Être un citoyen de premier ordre signifie que l'objet peut accomplir toutes les tâches.

Prise en charge de la programmation fonctionnelle

Les fonctions Javascript peuvent être transmises comme arguments à une autre fonction, peuvent être appelées par référence et peuvent être affectées à des variables.

Types dynamiques

Les variables Javascript peuvent avoir n’importe quel type de valeur. La même variable peut avoir une valeur de chaîne, une valeur entière ou toute autre valeur.

Vérification du client

La validation côté client Javascript permet aux utilisateurs de soumettre des données valides au serveur lors de la soumission du formulaire.

Indépendant de la plateforme

Javascript fonctionnera de la même manière sur tous les systèmes, quel que soit le système d'exploitation.

Traitement asynchrone

Les fonctions Javascript async-await et Promise fournissent des fonctionnalités asynchrones. Les processus étant exécutés en parallèle, le temps de traitement et la réactivité peuvent être améliorés.

Basé sur un prototype

Javascript suit les fonctions "Object.prototype" au lieu de l'héritage de classe.

Opérateur de coalescence de valeur nulle (??)

Si l'opérande de gauche est vide, l'opérateur de coalescence nul renvoie l'opérande de droite. Si l'opérande de gauche n'est pas "nul", l'opérateur renvoie la valeur de l'opérande de gauche. Cet opérateur permet d'éviter les erreurs d'opérateur booléen.

Affectation nulle logique (??=)

C'est l'abréviation

result=left??right;

Journal de la console de style

La console Javascript peut avoir des styles. Par exemple, voir le bloc ci-dessous.

console.log('%cText %cValue', 'color:black; cursor:pointer', 'color: green;');

Le premier ensemble de styles s'applique à la première chaîne avec %c, le second %c obtient le deuxième ensemble de styles pour la deuxième chaîne.

Abréviation de l'objet

Le raccourci d'objet permet aux utilisateurs d'attribuer des variables et des valeurs clés portant le même nom, économisant ainsi de l'espace et du temps.

const name='Egan',
id=1;

//The above snippet can be as follows
const egan={
name,
id
}
console.log(egan);

//Output
{name:'Egan', id:1}

Lien facultatif (?.)

Le chaînage facultatif Javascript optimise la vérification nulle régulière dans l'exemple ci-dessous.

var obj={
   data:{
      id: 1;
   }
}

//General null check
if(obj.data && obj.data.id)

//Optional chaining
obj.data?.id

Chargement paresseux/asynchrone

Pendant l'analyse HTML, Javascript "retarde" et télécharge les fichiers de manière asynchrone et optimise les temps de chargement des pages. Le script asynchrone s'exécute immédiatement après le téléchargement. Les scripts différés sont exécutés uniquement dans l'ordre Dom.

Calcul simple côté client

Javascript peut effectuer des calculs simples côté client sur le navigateur.

Grand contrôle du navigateur

Javascript donne la priorité au navigateur par rapport au serveur.

Gestion de la date et de l'heure

Javascript a des fonctions intégrées pour obtenir la « date » et l'heure.

Génération de contenu HTML

Javascript permet aux utilisateurs d'ajouter du contenu HTML dynamique lorsqu'ils effectuent certaines actions sur la page.

Détection du navigateur et du système d'exploitation

Javascript a un code intégré pour détecter le navigateur utilisé par l'utilisateur.

Mots-clés Let et Const

Javascript remplace le mot-clé var par les mots-clés let et const avec une portée au niveau du bloc.

Fonction flèche

Javascript utilise la syntaxe des fonctions fléchées pour aider à optimiser la syntaxe des fonctions anonymes.

Texte modèle

Javascript permet d'enregistrer des variables sous forme de chaînes et de gagner du temps de développement.

Nouvelle fonction de tableau

Les fonctions de tableau Javascript permettent l'optimisation du code. Les tableaux réguliers ont des index entiers et les tableaux associatifs ont des index de chaîne.

Paramètres par défaut

Javascript utilise des paramètres par défaut pour éviter les conditions d'erreur de valeur non définie.

Abréviation d'attribut

Javascript dispose de diverses méthodes abrégées, telles que .get(), qui peuvent permettre d'économiser du temps et des coûts de codage.

Syntaxe de type Java

La syntaxe Javascript est plus similaire à la syntaxe Java, aidant les développeurs à travailler dans les deux langages de programmation.

Si autre déclaration

Les instructions conditionnelles Javascript « if else » effectuent des opérations logiques.

Déclaration de boucle

Les boucles Javascript permettent aux développeurs d'exécuter le même code plusieurs fois à l'aide de boucles.

BigInt

Javascript 允许大整数值。 Javascript 引擎以不同方式支持 BigInt。

动态导入

Javascript动态导入功能允许在运行时添加任何文件。

Promise.allSettled

Javascript Promise.allSettled 方法仅在解决或拒绝所有承诺后才接受承诺数组。

字符串matchAll

Javascript string.matchAll() 返回正则表达式中的所有匹配组。

全局这个

Javascript globalThis 指向全局对象，不考虑窗口对象或自对象。

模块命名空间导出

Javascript模块命名空间导入导出语法如下。

import * as utils from'./utils.mjs';
export {utils}

定义良好的 for-in 顺序

Javascript 'for(a in b)' 在 2020 年之前没有执行顺序。ES2020 给出了规范。

导入.meta

Javascript import.meta 给出脚本标签的元信息。

<script type='module' src='module.js'>
console.log(meta);
//Output
{url: 'file':'//home/user/module.js'}

使用 .at() 进行负索引

Javascript数组索引用数组长度减去过程是一种旧方法。函数.at()可以替代这个任务。

let arr=[10, 20, 30];
arr.at(2);//Prints 20

拥有

Javascript hasOwn 属性是 hasOwnProperty 的扩展。 Javascript hasOwn 是一个静态方法。

let obj = Object.create(null);
obj.hasOwnProperty=function(){};
Object.hasOwnProperty(obj, 'hasOwnProperty');

//Cannot convert the object to the primitive value
Object.hasOwn(obj, 'hasOwnProperty'); //true

类静态块

Javascript 类可以有静态项。

class Color {
   static blue;
   static {
      this.blue = 'blueberry';
   }
}

错误原因

Javascript Error 类还提供错误原因报告。

throw new Error('Error message', { cause: rootCause });

结论

Javascript 具有独特的功能以及面向对象编程和 Java 语言的功能。所讨论的所有功能和其余功能使 Javascript 成为一种强大的编程语言。

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!