Tout sur Javascript pour intermédiaire
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds











Python convient plus aux débutants, avec une courbe d'apprentissage en douceur et une syntaxe concise; JavaScript convient au développement frontal, avec une courbe d'apprentissage abrupte et une syntaxe flexible. 1. La syntaxe Python est intuitive et adaptée à la science des données et au développement back-end. 2. JavaScript est flexible et largement utilisé dans la programmation frontale et côté serveur.

Le passage de C / C à JavaScript nécessite de s'adapter à la frappe dynamique, à la collecte des ordures et à la programmation asynchrone. 1) C / C est un langage dactylographié statiquement qui nécessite une gestion manuelle de la mémoire, tandis que JavaScript est dynamiquement typé et que la collecte des déchets est automatiquement traitée. 2) C / C doit être compilé en code machine, tandis que JavaScript est une langue interprétée. 3) JavaScript introduit des concepts tels que les fermetures, les chaînes de prototypes et la promesse, ce qui améliore la flexibilité et les capacités de programmation asynchrones.

Les principales utilisations de JavaScript dans le développement Web incluent l'interaction client, la vérification du formulaire et la communication asynchrone. 1) Mise à jour du contenu dynamique et interaction utilisateur via les opérations DOM; 2) La vérification du client est effectuée avant que l'utilisateur ne soumette les données pour améliorer l'expérience utilisateur; 3) La communication de rafraîchissement avec le serveur est réalisée via la technologie AJAX.

L'application de JavaScript dans le monde réel comprend un développement frontal et back-end. 1) Afficher les applications frontales en créant une application de liste TODO, impliquant les opérations DOM et le traitement des événements. 2) Construisez RestulAPI via Node.js et Express pour démontrer les applications back-end.

Comprendre le fonctionnement du moteur JavaScript en interne est important pour les développeurs car il aide à écrire du code plus efficace et à comprendre les goulots d'étranglement des performances et les stratégies d'optimisation. 1) Le flux de travail du moteur comprend trois étapes: analyse, compilation et exécution; 2) Pendant le processus d'exécution, le moteur effectuera une optimisation dynamique, comme le cache en ligne et les classes cachées; 3) Les meilleures pratiques comprennent l'évitement des variables globales, l'optimisation des boucles, l'utilisation de const et de locations et d'éviter une utilisation excessive des fermetures.

Python et JavaScript ont leurs propres avantages et inconvénients en termes de communauté, de bibliothèques et de ressources. 1) La communauté Python est amicale et adaptée aux débutants, mais les ressources de développement frontal ne sont pas aussi riches que JavaScript. 2) Python est puissant dans les bibliothèques de science des données et d'apprentissage automatique, tandis que JavaScript est meilleur dans les bibliothèques et les cadres de développement frontaux. 3) Les deux ont des ressources d'apprentissage riches, mais Python convient pour commencer par des documents officiels, tandis que JavaScript est meilleur avec MDNWEBDOCS. Le choix doit être basé sur les besoins du projet et les intérêts personnels.

Les choix de Python et JavaScript dans les environnements de développement sont importants. 1) L'environnement de développement de Python comprend Pycharm, Jupyternotebook et Anaconda, qui conviennent à la science des données et au prototypage rapide. 2) L'environnement de développement de JavaScript comprend Node.js, VScode et WebPack, qui conviennent au développement frontal et back-end. Le choix des bons outils en fonction des besoins du projet peut améliorer l'efficacité du développement et le taux de réussite du projet.

C et C jouent un rôle essentiel dans le moteur JavaScript, principalement utilisé pour implémenter des interprètes et des compilateurs JIT. 1) C est utilisé pour analyser le code source JavaScript et générer une arborescence de syntaxe abstraite. 2) C est responsable de la génération et de l'exécution de bytecode. 3) C met en œuvre le compilateur JIT, optimise et compile le code de point chaud à l'exécution et améliore considérablement l'efficacité d'exécution de JavaScript.
