Maison >interface Web >js tutoriel >Tout sur Javascript pour intermédiaire

Tout sur Javascript pour intermédiaire

Linda Hamilton
Linda Hamiltonoriginal
2024-11-29 07:41:13183parcourir

All About Javascript For Intermediate

qu'est-ce que javascript :
javascript est un langage de programmation open source. qui aident à créer des pages Web dynamiques. c'est aussi un langage de navigateur.
Il peut s'exécuter à la fois côté client (dans les navigateurs) et côté serveur (en utilisant des environnements comme Node.js).
JavaScript prend en charge la programmation événementielle, non bloquante et asynchrone, ce qui est essentiel pour gérer plusieurs tâches simultanément.

variable:
varaible sont le conteneur pour stocker les données
types de variables

  • var
  • laissez
  • const

opérateurs :
Les opérateurs Javascript sont utilisés pour effectuer différents types de calculs mathématiques et logiques.
types d'opérateurs

  • arithmétique = ,-,/,%,*
  • comparaison
  • logique

type de données
définir le type de variable

Type de données primitif = stocker la valeur par valeur

  • Chaîne
  • Numéro
  • Bigint
  • Booléen
  • Indéfini = on déclare la variable, la valeur n'est pas définie. le type de données n'est pas défini
  • Null = c'est une valeur attribuée, nous définissons explicitement la valeur comme nulle. le type de données est un objet
  • Symbole

type de données non prémitif = stocker la valeur par référence (adresse)

  • Object = Les types d'objets intégrés peuvent être : des objets, des tableaux, des dates, des cartes, des ensembles, des intarrays, des floatarrays, des promesses
  • exemple :
  • null == non défini est vrai, mais null === non défini est faux.

La principale différence entre l'export et l'export par défaut en JavaScript ?
est-ce que l'exportation par défaut est utilisée pour exporter une seule valeur à partir d'un module,
tandis que l'exportation avec les exportations nommées est utilisée pour exporter plusieurs valeurs

la principale différence entre les types de données primitifs et non primitifs ?

  • est que les types primitifs sont prédéfinis, tandis que les types non primitifs sont créés par le programmeur.
  • Structure de données primitives et non primitives qui vous permet de stocker uniquement des valeurs de type de données uniques et de stocker plusieurs valeurs de types de données. Les types de données primitifs sont stockés directement en mémoire, tandis que les types de données non primitifs sont stockés sous forme de références à leurs valeurs en mémoire.
  • Les types de données primitifs sont transmis par valeur et les types de données non primitifs sont transmis par référence.
  • Les types de données primitifs sont immuables, ce qui signifie que leurs valeurs ne peuvent pas être modifiées une fois attribuées. Les types de données non primitifs sont mutables et peuvent être modifiés.
  • Les nombres, les chaînes et les booléens sont des exemples de types de données primitifs, tandis que les objets, les tableaux et les fonctions sont des exemples de types de données non primitifs.

fonction :
Une fonction JavaScript est un bloc de code conçu pour effectuer une tâche particulière.

Javascript est-il un langage typé statiquement ou dynamiquement ?
JavaScript est un langage typé dynamiquement. Dans un langage typé dynamiquement,
le type d'une variable est vérifié lors de l'exécution contrairement à un langage typé statiquement,
où le type d'une variable est vérifié lors de la compilation.

Expliquer passé par valeur et passé par référence ?
En JavaScript, les types de données primitifs sont transmis par valeur et les types de données non primitifs sont transmis par référence.
types de données primitifs = chaîne, nombre, booléen, nul, non défini
types de données non primitifs = objets, tableaux

Qu'entendez-vous par mode strict en javascript et caractéristiques du mode strict javascript ?
permet d'écrire un code ou une fonction dans un environnement opérationnel strict.
En conséquence, le débogage devient beaucoup plus simple.

Que sont les fonctions d'usine en JavaScript ?
Si nous avons une logique complexe et que nous devons créer encore et encore plusieurs objets qui ont la même logique,
nous pouvons écrire la logique une fois dans une fonction et utiliser cette fonction comme usine pour créer nos objets.
C’est la même chose qu’une usine du monde réel produisant des produits.
une fonction d'usine est une fonction qui renvoie un objet.

Fonctions d'ordre supérieur :
fonction prend une autre fonction comme argument ou renvoie la fonction.
Les fonctions de cartographie, de filtrage et de réduction sont tous des exemples de HOF.
Les fonctions d'ordre supérieur sont utiles pour des tâches telles que la gestion d'événements, la transformation de données (par exemple, carte et filtre) et la création d'usines de fonctions ou de décorateurs.

Fermetures :
Les fermetures sont créées lorsqu'une fonction est définie à l'intérieur d'une autre fonction,
et la fonction interne conserve l'accès aux variables et à la méthode dans la portée de la fonction externe
La fermeture fournit un moyen d'encapsuler les données dans des fonctions, permettant un accès contrôlé à ces données tout en les gardant cachées de l'extérieur.

rappels :
Les fonctions utilisées comme argument d'une autre fonction sont appelées fonctions de rappel.
Un rappel est une fonction qui sera exécutée après l'exécution d'une autre fonction.
cas d'utilisation de la fonction de rappel lorsque nous voulons effectuer une opération asynchrone.

map() contre forEach()
carte()=> Itère sur chaque élément d'un tableau et applique une fonction de transformation à chaque élément.
Ne modifie pas le tableau d'origine ; il crée un nouveau tableau avec des éléments transformés.
forEach()=> Parcourt chaque élément d'un tableau et exécute une fonction de rappel fournie pour chaque élément.
Ne crée pas de nouveau tableau et ne modifie pas le tableau existant ; il exécute uniquement la fonction de rappel.

map() contre filtre() contre réduire()
map() il renverra un nouveau tableau
filter() est similaire à map(), il renvoie également un nouveau tableau mais si la condition est vraie. utilisé lorsque nous voulons appliquer une condition.
réduire(), il renverra une valeur unique à partir d'un tableau.

ce mot-clé :
La valeur du mot-clé this dépendra toujours de l'objet qui invoque la fonction.

curry :
transformer une fonction de n argument en n fonction.
cas d'utilisation permettant une application partielle (lorsque vous avez une fonction qui prend plusieurs arguments, mais que vous souhaitez seulement en corriger certains, tout en laissant les autres ouvertes pour une utilisation ultérieure),
réutilisation du code.
par exemple

function add (a) {
  return function(b){
    return a + b;
  }
}
add(3)(4)

Fonction normale vs flèche ?
fonction normale :
cela fait référence à l'objet qui appelle la fonction
peut être utilisé comme constructeur
Les déclarations de fonctions sont levées (autoriser l'hébergement)
Fonction flèche :
je n'ai pas le leur à moi
ne peut pas être utilisé comme constructeur
Les déclarations de fonctions ne sont pas levées (ne permettent pas l'hébergement) // myfunc n'est pas une fonction

état normal et ternaire ?
condition ternaire stocker la référence sans ce contexte.

Quelle est la différence entre les méthodes exec() et test() en javascript ?
test() et exec() sont des méthodes d'expression RegExp utilisées en javascript.

quelques avantages de l'utilisation de JavaScript externe ?
Nous pouvons réutiliser le code.
La lisibilité du code est simple en javascript externe (modularisation du code)

prototype :
La propriété prototype JavaScript vous permet également d'ajouter de nouvelles propriétés et méthodes aux constructeurs d'objets.
cas d'utilisation pour les tests

mémoïsation :
La mémorisation est une forme de mise en cache où la valeur de retour d'une fonction est mise en cache en fonction de ses paramètres.
Si le paramètre de cette fonction n'est pas modifié, la version mise en cache de la fonction est renvoyée.

DOM :
DOM signifie Modèle Objet de Document. DOM est une interface de programmation pour HTML.
Lorsque le navigateur tente de restituer un document HTML, il crée un DOM
En utilisant ce DOM, nous pouvons manipuler ou modifier divers éléments à l'intérieur du document HTML.

NOMENCATION :
Le modèle d'objet de navigateur est connu sous le nom de BOM. Il permet aux utilisateurs d'interagir avec le navigateur.
L'objet initial d'un navigateur est une fenêtre.

Promesses :
Les promesses sont utilisées pour gérer les opérations asynchrones en javascript. Avant les promesses, les rappels étaient utilisés pour gérer les opérations asynchrones.
L'objet Promise a quatre états -
En attente : état initial de promesse.
Accompli- Cet état représente que la promesse a été remplie.
Rejeté- Cet état signifie que la promesse a été rejetée.
Réglé- Cet état représente que la promesse a été soit rejetée, soit tenue.

async/attendre :
il est construit sur des promesses, il fournit un moyen plus concis d'écrire du code asynchrone, le rendant plus facile à lire et à écrire.
Le mot-clé async est utilisé pour déclarer la fonction de synchronisation et wait est utilisé pour attendre que les promesses soient résolues.

express vs structure
=>express est qui renvoie une valeur
par exemple

function add (a) {
  return function(b){
    return a + b;
  }
}
add(3)(4)

5 et myfun() renvoient une valeur est une expression
instruction qui instruit et ordonne une action, mais ne renvoie pas de valeur
par exemple, si, sinon, alors que ce sont des déclarations
tandis que(i<2){}

paramètre de repos et opérateur de propagation :
paramètre rest, il a combiné l'élément séparé dans un tableau
l'opérateur spread est utilisé pour séparer le tableau en un seul élément

Fonctions du générateur ?
Ils peuvent être arrêtés à mi-chemin puis continuer là où ils s'étaient arrêtés.
L'objet générateur se compose d'une méthode appelée next(), cette méthode lorsqu'elle est appelée, exécute le code jusqu'à l'instruction rendement la plus proche et renvoie la valeur de rendement.

call(),apply() et bind() :
tout cela est utilisé pour attribuer un objet à ce mot-clé (attribuer une valeur à ce mot-clé)
cas d'utilisation lorsque l'on veut manipuler ce mot-clé d'une fonction avec l'objet souhaité
La méthode bind() crée une nouvelle fonction qui, lorsqu'elle est appelée, a son mot-clé this défini sur la valeur fournie (par exemple un objet). cela crée un nouvel objet.
call() et apply() servent exactement le même objectif. La méthode call() ne fait pas de copie de la fonction sur laquelle elle est appelée.
La seule différence entre leur fonctionnement est que call() s'attend à ce que tous les paramètres soient transmis individuellement,
alors que apply() attend un tableau de tous nos paramètres.

IIFE :
fonction immédiatement invoquée qui s'exécute dès qu'elle est définie.
par exemple

const x=5;
const y=myfun();

fonction pure :
produire le même résultat pour la même entrée. Cela se produit lorsque les opérandes d'une expression sont de types de données différents.
fonction qui ne modifie pas l'état extérieur ou la variable

Javascript est-il un langage typé statiquement ou dynamiquement ?
Dans un langage typé dynamiquement, le type d'une variable est vérifié lors de l'exécution contrairement à un langage typé statiquement,
où le type d'une variable est vérifié lors de la compilation.
par exemple
type statique

(function(){ 
  // Do something;
})();

type dynamique

string name="salman"; 
// varaible has types

coercoin :
la conversion automatique de la valeur d'un type de données à un autre.
Coercition de chaîne
convertir le nombre en chaîne
- convertir la chaîne en nombre

NaN() :
La fonction isNaN() convertit la valeur donnée en un type Number, puis équivaut à NaN.

Script ASP contre javascript ?
Le script ASP s'exécute sur le serveur, tandis que JavaScript s'exécute sur le navigateur du client.
Le script ASP est un langage côté serveur utilisé pour gérer des tâches complexes, telles que les requêtes de base de données, les soumissions de formulaires et l'authentification des utilisateurs.
tandis que JavaScript est un langage côté client utilisé pour créer des éléments interactifs sur des pages Web, tels que des animations, des fenêtres contextuelles et la validation de formulaires.

Valeur non définie :
la valeur n'est pas définie mais la variable est présente
propriété manquante dans un objet

eslint :
cela aide à déboguer et à affiner les vulnérabilités courantes dans le code javascript

vous voulez en savoir plus sur moi, écrivez simplement sallbro sur le moteur de recherche...

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