Top 100 des questions et réponses d'entrevue JavaScript

6 janvier 2022

JavaScript est sans aucun doute le langage de programmation le plus célèbre et le plus utilisé au monde. Il est également abrégé en JS mais note que Java et JavaScript sont des langages de programmation totalement différents.

JavaScript est un langage de programmation de haut niveau et facile à apprendre également. cependant, vous avez besoin d'une compréhension claire des concepts fondamentaux afin de devenir un meilleur programmeur.

Lorsque vous postulez pour un emploi, vous devez passer un entretien où différents types de questions sont posées, de la base à l'avancement. Par conséquent, nous avons regroupé les 100 principales questions JavaScript fréquemment posées.



Vous trouverez ci-dessous la liste qui contient les questions d'entretien JavaScript de base aux questions d'entretien avancées JavaScript qui vous aideront à passer un entretien. Sous JavaScript, les questions de codage des entretiens sont utiles pour les débutants ainsi que pour les programmeurs expérimentés, car nous avons divisé les questions en plusieurs parties.

Table des matières

Questions d'entretien pour les développeurs JavaScript

Voici les questions d'entretien les plus souvent posées sur les bases de JavaScript qui aideront les nouveaux arrivants à passer les entretiens. La grande partie de cet ensemble est que nous avons également ajouté les questions d'entretien HTML, CSS, JavaScript, les questions d'entretien sur l'algorithme JavaScript et bien d'autres questions liées à un sujet particulier. Nous y voilà!

Questions d'entretien JavaScript de base

Voici quelques questions d'entretien JavaScript vanille qui aideront les étudiants de première année qui n'ont aucune expérience dans les frameworks JS. Le JavaScript vanille est souvent appelé un JavaScript de base, ne soyez pas confus !

Ces questions d'entretien sur les principes de base de JavaScript doivent être connues de tous les débutants avant d'assister à un entretien.

Q1. Qu'est-ce que Javascript ? Quelle est l'utilité de celui-ci?

Réponse- C'est l'une des questions d'entretien de programmation JavaScript les plus élémentaires. JavaScript est un langage de script ou de programmation côté client utilisé pour implémenter des opérations complexes dans des pages Web. JavaScript est présent partout, présentant des mises à jour de contenu en temps opportun, des cartes interactives, des visuels 2D/3D dynamiques, des juke-box vidéo défilants, etc., etc.

JavaScript est également utilisé pour la manipulation DOM, ce qui inclut l'ajout, la mise à jour et la suppression dynamiques d'éléments HTML et de propriétés CSS. En dehors de cela, JavaScript est également utilisé pour le développement d'applications de bureau, et de nos jours, nous pouvons utiliser JavaScript comme langage de programmation côté serveur en utilisant nodeJS, qui est un runtime JavaScript.

Q2. Indiquez le nom réel de Javascript.

Ans- JavaScript a été lancé sous le nom de Mocha, puis il est devenu un LiveScript. Puis c'est devenu JavaScript. C'est l'un des langages de programmation les plus connus et les plus utilisés. cependant, cela n'a rien à voir avec le langage de programmation Java. On dit qu'en raison de la popularité de Java, LiveScript est devenu JavaScript pour aller avec Java, avec le langage compilé.

Q3. Que Javascript soit sensible à la casse ou non ?

Réponse - Oui, JavaScript est un langage de programmation sensible à la casse. Cela signifie que les mots-clés, les noms de fonction, les noms de classe, les variables et autres identificateurs doivent être écrits en tenant compte de la sensibilité à la casse. Par exemple, JavaScript et JavaScript sont deux variables différentes, et elles seront interprétées différemment par JavaScript. Le plus grand soin doit être pris lors de la déclaration des variables et des fonctions.

Q4. Javascript est-il un langage compilé ou interprété ?

Ans- JavaScript est un langage de programmation qui est interprété au lieu d'être compilé. Les langages de programmation comme C++ ou Java sont d'abord compilés avant d'être exécutés. Le code d'origine est exécuté via un compilateur, qui le convertit en bytecode que la machine peut comprendre et exécuter.

Alors que JavaScript ne nécessite aucune compilation. Au lieu de cela, un interpréteur de navigateur lit le code JavaScript, interprète chaque ligne, puis l'exécute.

Les navigateurs modernes comme Google Chrome, Mozilla Firefox, Apple Safari utilisent la technologie de compilation juste-à-temps pour compiler le code JavaScript et le convertir en bytecode exécutable.

Q5. Indiquez les fonctionnalités de Javascript.

Ans- JavaScript est un langage de programmation qui peut réaliser absolument n'importe quoi ; site Web, application mobile, application de bureau, programmes côté serveur, vous le devinez. Il possède des fonctionnalités spéciales qui rendent les tâches complexes plus faciles que vous ne le pensez, et c'est ce qui en fait le langage de programmation le plus populaire. Voici quelques fonctionnalités étonnantes de JavaScript :

  • Validation d'entrée - Pas surprenant, mais c'est l'une des fonctionnalités les plus utiles de JavaScript. JavaScript est très utile pour les validations de formulaires comme la validation des e-mails ou des numéros de téléphone.
  • Indépendant de la plate-forme - Vous n'avez pas besoin d'installer un compilateur séparé pour JavaScript. Presque tous les navigateurs prennent en charge JavaScript et le code s'exécute dans un navigateur Web sur n'importe quelle plate-forme comme Windows, Mac ou Linux.
  • Manipulation DOM - En utilisant JavaScript, vous pouvez contrôler le document HTML. Vous pouvez ajouter, mettre à jour et supprimer les éléments HTML et les propriétés CSS.
  • Langage orienté objet - vous pouvez avoir une structure orientée objet plutôt qu'une programmation fonctionnelle ou monolithique.

Q.6 Quels types de données Javascript prend-il en charge ?

Réponse- En JavaScript, il existe six types de données de base qui peuvent être classés en trois groupes : les types de données primitifs, composites et spéciaux. Les types de données primitifs sont String, Number et Boolean. Les types de données composites incluent Object, Array et Function (qui sont toutes sortes d'objets). D'autre part, Null et Undefined sont des types de données spéciaux.

Les types de données composites peuvent gérer des collections de valeurs et des entités plus complexes, tandis que les types de données primitifs ne peuvent conserver qu'un seul élément à la fois.

Q7. Qu'est-ce qu'un objet Javascript ?

Ans- En JavaScript, tout est un objet. L'objet est une entité avec des propriétés et des types. Ou, nous pouvons dire que l'objet est une collection de propriétés, et encore une fois, les propriétés sont un ensemble de données clé-valeur. L'objet JavaScript est similaire aux objets dans d'autres langages de programmation.

Nous pouvons prendre l'exemple d'un ordinateur portable en tant qu'objet doté de plusieurs propriétés. Un ordinateur portable a une couleur, une taille, une capacité de batterie, un type de stockage, etc. De même, JavaScript a un objet avec des propriétés.

Q8. Différence entre Java et Javascript.

Réponse - Tout d'abord, Java et JavaScript sont des langages de programmation totalement différents. Nous allons voir la différence entre ces deux points par point.

    Taper– Java est un langage fortement typé, ce qui signifie que vous devez déclarer le type de variables à utiliser tout au long du programme. Alors que JavaScript est un langage faiblement typé, cela signifie que l'interpréteur détecte automatiquement le type de données dès que la valeur lui est attribuée.Type de langue– Java est un langage de programmation orienté objet, alors que JavaScript est un langage de script orienté objet.Portée de la langue– Java est utilisé pour la programmation côté client et côté serveur et s'exécute dans JVM ou dans un navigateur. Alors que JavaScript est un langage de script côté client qui s'exécute dans le navigateur ; cependant, de nos jours, nous pouvons créer des applications côté serveur en utilisant également nodejs.Type de fichier- le code java est enregistré par l'extension .java et le fichier de classe est généré une fois le code compilé avec succès. D'autre part, le fichier JavaScript est enregistré par l'extension .js, et aucun fichier de classe ou bytecode n'est généré pour celui-ci.

Q9. Comment pouvez-vous définir une variable en Javascript ?

Réponse- JavaScript est un langage faiblement typé, vous n'avez donc pas besoin de déclarer le type de données de la variable lors de son écriture. Mais, vous devez déclarer les variables en utilisant le mot-clé var pour, par exemple, var ab, var arg, etc.

Q.10 Qu'est-ce que la conversion de type implicite en Javascript ?

Réponse - En langage de programmation, la conversion de type consiste à convertir des données d'un type en un autre. par exemple, convertir un float en int. La conversion de type implicite signifie que JavaScript convertit automatiquement le type de données de données en un autre sans votre reconnaissance. Cependant, une conversion de type implicite a lieu pour convertir des types de données inférieurs en types de données supérieurs.

Q11. Indiquez la procédure pour créer un tableau en Javascript.

Ans- C'est l'une des questions d'entretien de tableau fondamentales en JavaScript. En JavaScript, vous pouvez créer un tableau de deux manières. Soit la méthode traditionnelle, soit l'utilisation du mot-clé array. Vérifiez la syntaxe ci-dessous :

  • const voitures = [BMW,Audi,Maruti] ;
  • voitures constantes = nouveau tableau (BMW, Audi, Maruti);

Q12. Qu'est-ce que le passage par référence et le passage par valeur ?

Rép- Les points de passage par valeur et de passage par référence sont liés à la fonction. Il est disponible dans presque tous les langages de programmation. Le passage par référence consiste à transmettre l'adresse de données/valeur à la fonction où le paramètre réel et les paramètres formels font référence au même emplacement mémoire. Cependant, vous pouvez utiliser un alias pour le paramètre passé.

Alors que le passage par valeur est la méthode dans laquelle les valeurs des paramètres réels sont transmises à la fonction, mais les paramètres formels enregistrent ces valeurs dans un emplacement de mémoire séparé. La portée de ces valeurs est limitée à cette fonction uniquement, et toute modification apportée à cette valeur ne reflétera pas les paramètres réels.

Q13. Expliquer la récursivité dans un langage de programmation.

Ans- La récursivité est l'une des parties les plus importantes de tout langage de programmation pour résoudre des problèmes complexes. La récursivité signifie simplement appeler la même fonction encore et encore jusqu'à ce qu'elle remplisse une condition pour se terminer.

Q14. Indiquez la différence entre == et ===.

Ans- == et === sont tous deux des opérateurs de comparaison ; cependant, l'opérateur == compare deux variables quel que soit le type de données, tandis que l'opérateur === compare strictement deux variables et ne renvoie vrai que si ces deux variables ont la même valeur et le même type de données.

Q15. Expliquez NaN en Javascript avec son utilisation.

Ans- En JavaScript, NaN signifie Not a Number, ce qui signifie simplement que la valeur donnée n'est pas un nombre valide. Cela aide à vérifier si une valeur donnée ou une valeur saisie via le formulaire est un nombre valide ou non.

Voir également Top 100 des questions et réponses d'entrevue Ansible

Q16. À quoi sert ce mot-clé ?

Ans- ce mot-clé est présent dans presque tous les langages de programmation orientés objet. ce mot-clé fait référence à l'Objet courant ou à l'Objet auquel il appartient.

Dans DOM, le mot clé this est souvent utilisé pour obtenir également les propriétés de l'élément actuel.

Q17. Expliquer la nomenclature en Javascript. Pourquoi est-il utilisé ?

Ans- BOM en JavaScript signifie Browser Object Model. Il est différent de DOM car au lieu d'interagir avec un document HTML, il interagit avec le navigateur. Il existe un tas d'objets et de propriétés appartenant à BOM comme une fenêtre, un écran, un historique, un navigateur, un emplacement, etc.

Q18. Expliquer DOM en Javascript. A quoi cela sert?

Ans- DOM en JavaScript signifie Document Object Model. C'est un moyen d'interagir avec les éléments du document HTML via JavaScript. Lorsque la page Web est chargée, le navigateur génère son modèle d'objet de document, et il est construit comme une arborescence d'objets. DOM permet de modifier dynamiquement les éléments HTML et les propriétés CSS.

domaine javascript

Q19. Expliquez la différence entre les mots-clés Let et Var.

Ans- Let et Var sont tous deux utilisés pour déclarer une variable en JavaScript ; cependant, les deux déclarent des variables d'une manière différente. Lorsque vous déclarez une variable à l'aide de var, elle sera disponible dans toute la portée. Alors qu'une variable déclarée avec let ne sera disponible que pour un bloc. En disant simplement, var a la portée de la fonction, alors que let est une portée de bloc.

Q20. Expliquez le type d'opérateur avec un exemple.

L'opérateur Ans-typeof en JavaScript est exactement le même que gettype en PHP. Il aide à trouver le type de données d'une variable JavaScript. Par example -

|__+_|

Q21. Dites la différence entre indéfini et nul.

Réponse- De nombreux nouveaux apprenants ne comprennent pas la différence réelle entre les mots-clés indéfinis et nuls. Lorsque vous utilisez une variable qui est déclarée mais qui n'a pas de valeur assignée, elle est censée être indéfinie alors que null est une valeur assignée intentionnellement à une variable.

Q22. Expliquez isNaN en Javascript.

La fonction Ans-isNaN est similaire à la propriété NaN. C'est une fonction qui renvoie vrai si la valeur donnée est NaN, c'est-à-dire pas un nombre. Cependant, la fonction isNaN convertit d'abord la valeur donnée en nombre, puis la teste.

Q23. Pouvez-vous faire la différence entre une fenêtre et un document ?

Réponse- C'est l'une des questions d'entretien délicates sur les objets JavaScript avec lesquelles vous devez être préparé. Lorsque vous ouvrez un navigateur, c'est une fenêtre qui se charge en premier. La fenêtre a certaines propriétés comme la hauteur, la largeur, la longueur, l'écran, etc.

En parlant du document, il est en fait chargé à l'intérieur de la fenêtre. Ce document peut être constitué de votre code de script comme HTML, PHP, ASPX, etc. Pour accéder aux propriétés de la fenêtre, vous utilisez un window.property alors que pour accéder aux propriétés du document ; vous pouvez utiliser quelque chose comme window.document.property qui, à son tour, est disponible en bref sous le nom de document.property.

Q24. Expliquez JSON et pourquoi est-il utilisé ?

Ans- JSON signifie JavaScript Object Notation qui est un format léger pour l'échange de données. Il est utilisé pour envoyer les données entre deux ou plusieurs nœuds/compteurs/applications. Il se compose de texte lisible par l'homme et est stocké sous forme de paires et de tableaux attribut-valeur.

JSON est généralement utilisé pour envoyer et recevoir les données vers et depuis les applications Web (échange de données dans le client et le serveur dans les deux sens). Vérifiez les informations détaillées sur JSON sur Documentation JavaScript officielle de Mozilla .

Par ex. typeof 'JavaScript' //string typeof 2022 //number typeof false //boolean typeof [2,0,2,2] //object

Q25. Comment pouvez-vous activer le mode plein écran en utilisant Javascript ?

Ans- JavaScript offre une variété de fonctions pour réaliser des opérations et des tâches petites à énormes. Pour activer le plein écran en JavaScript, vous disposez d'une méthode element.requestFullScreen(). Notez que le nom de la méthode est sensible à la casse et que l'élément est un élément HTML.

Par exemple, je veux afficher une vidéo sur une page entière et elle a l'identifiant myvideo.

Code-

|__+_|

Questions d'entretien JavaScript pour les programmeurs expérimentés

Q26. Expliquez ce qu'est un langage typé dynamiquement.

Réponse - Le langage typé est un langage de programmation dans lequel le type de données est connu au moment de la compilation ou de l'exécution. Le langage est typé dynamiquement si le type de variable est connu au moment de l'exécution au lieu de la compilation. Parfois, les langages à typage dynamique sont appelés langages à typage lâche.

Par exemple, Python, JavaScript sont des langages à typage dynamique car vous n'avez pas besoin de spécifier le type de variable à chaque fois. Vous n'êtes pas obligé de spécifier que la chaîne est une chaîne ou qu'un paramètre est de type float ou quelque chose comme ça.

Q27. Qu'entendez-vous par programmation asynchrone ?

Ans- Asynchrone fait référence à la concurrence. Lorsque deux ou plusieurs tâches s'exécutent parallèlement les unes aux autres, on parle d'exécution asynchrone. La programmation asynchrone signifie que certaines tâches s'exécutent indépendamment de l'application principale et reconnaissent le thread appelant en cas d'achèvement, d'échec ou de progression.

Cela permet d'augmenter les performances globales de l'application car aucun autre processus ne dépend du processus précédent à terminer en premier. En JavaScript, nous pouvons réaliser une programmation asynchrone en utilisant des concepts comme asynchrone, attendre, promesses et rappels.

Q28. Expliquer la fonction immédiatement invoquée en Javascript.

Réponse- En JavaScript, vous pouvez définir une méthode ou une fonction de plusieurs manières. Vous pouvez définir une fonction comme une fonction anonyme, une fonction nommée et les fonctions appelées et exécutées dès qu'elles sont montées, appelées fonctions appelées immédiatement.

Le nom nous suggère tout. Nous n'avons pas besoin d'un appel explicite pour invoquer la fonction. La syntaxe pour créer une fonction appelée immédiatement est la suivante :

|__+_|

Q29. Que sont les fonctions d'ordre supérieur en Javascript ?

Réponse- en JavaScript, lorsqu'une fonction reçoit une autre fonction en tant que paramètre ou renvoie une nouvelle fonction ou les deux, on parle de fonction d'ordre supérieur. Vérifiez l'exemple ci-dessous :

Code-

|__+_|

Q30. Expliquez Call(), Apply() et Bind() en Javascript.

Ans-call() est une méthode prédéfinie en JavaScript qui est utilisée pour invoquer une méthode avec l'objet propriétaire comme paramètre. Avec la méthode call(), un objet peut accéder à la méthode qui appartient à un autre objet.

La méthode apply() en JavaScript est similaire à la méthode call(). Les deux méthodes fonctionnent de manière similaire; la seule différence entre ceux-ci est que la méthode call() prend les paramètres séparément, tandis que la méthode apply() prend les paramètres sous forme de tableau.

La méthode bind(), contrairement aux méthodes call() et apply(), n'exécute pas instantanément la fonction. Il renvoie simplement une nouvelle version de la fonction avec cet ensemble à cet argument.

Q31. Expliquez Currying en Javascript.

Ans-Curring n'est pas seulement limité à JavaScript, mais il est également utilisé dans divers autres langages de programmation. Currying est une conversion de fonction qui convertit une fonction pouvant être appelée en tant que f(a, b, c) en une fonction pouvant être appelée en tant que f(a)(b) (c). En termes simples, le curry n'appelle pas une fonction, il la transforme ou la convertit simplement. Vérifiez l'exemple ci-dessous.

|__+_|

Q32. Qu'est-ce que la portée et la chaîne de portée en Javascript ?

Ans-Scope en JavaScript est lié à l'accès aux variables, fonctions et objets de votre programme. La fonctionnalité de portée est fournie dans toute la programmation pour fournir une couche de sécurité supplémentaire. Fondamentalement, il existe deux types de portée : la portée locale et la portée globale.

La portée locale d'une variable est limitée à un bloc de code, par ex. une fonction ou une boucle. Alors que la portée globale d'une variable n'est pas limitée au bloc de code, et une fois que la variable est déclarée comme globale, elle peut être utilisée n'importe où dans le programme.

La chaîne de portées, comme son nom l'indique, est une chaîne de portées. Laisse-moi expliquer. Lorsque nous définissons une fonction à l'intérieur d'une autre fonction, chacune de celles-ci a sa propre portée. La fonction la plus interne a une portée locale qui est liée à la fonction externe ; ce lien s'appelle une chaîne de portée.

Q33. Que sont les prototypes d'objet ?

Réponse- En JavaScript, la technique par laquelle les objets JavaScript héritent des fonctionnalités les uns des autres est appelée prototype. JavaScript est également appelé un langage basé sur un prototype qui fournit l'héritage.

Il est possible que l'objet prototype d'un objet ait un objet prototype dont il hérite des méthodes et des attributs, et ainsi de suite. C'est ce qu'on appelle une chaîne de prototypes, et cela explique pourquoi des objets distincts ont accès à des attributs et des méthodes définis sur d'autres objets.

Q34. Qu'est-ce que la mémorisation ?

Réponse- Les termes mémorisation et mémorisation sont deux concepts totalement différents en JavaScript. C'est très similaire à la récupération des résultats du cache. La mémorisation permet d'augmenter les performances globales de l'application en stockant les résultats de fonctions coûteuses dans le cache et en les renvoyant chaque fois que les mêmes entrées sont fournies.

Ici, la fonction coûteuse fait référence aux fonctions qui prennent beaucoup de temps à s'exécuter et consomment beaucoup de mémoire lors de l'exécution.

Q35. Utilisation de l'état de la fonction constructeur en Javascript.

Les constructeurs Ans sont disponibles dans presque tous les langages de programmation. Constructor est une méthode spéciale et est utilisée pour créer et initialiser l'objet d'une classe. Dans la plupart des langages de programmation, le constructeur porte le même nom que le nom de la classe ; cependant, cela dépend totalement du langage de programmation.

En JavaScript, la fonction constructeur est utilisée pour créer et initialiser l'objet. Comme tout autre langage de programmation, JavaScript utilise également le nouveau mot-clé pour créer un objet à l'aide du constructeur.

Vérifiez un exemple ci-dessous :

|__+_|

Q36. Qu'est-ce que la fonction flèche en Javascript ?

Ans- La fonction de tableau dans JavaScript a été introduite dans la version ES6 et elle est supposée être l'une des fonctionnalités les plus populaires d'ES6. Il vous permet d'écrire une version abrégée d'une définition de fonction.

La méthode précédente pour créer une fonction-

|__+_|

Cette syntaxe peut encore devenir plus courte. Si le corps de la fonction ne contient qu'une seule instruction qui renvoie quelque chose, alors vous pouvez écrire une fonction quelque chose comme-

|__+_|

Vous pouvez également utiliser les paramètres de la fonction.

|__+_|

Q37. Expliquer l'utilisation de la méthode Array Slice.

Réponse - C'est l'une des questions d'entretien les plus importantes sur le tableau JavaScript. Il existe quelques méthodes en JavaScript avec des noms presque identiques, et les élèves se confondent entre elles, mais vous ne devriez pas !

La méthode array slice est utilisée pour renvoyer l'ensemble des éléments du tableau comme spécifié dans les paramètres. Il ne modifie pas le tableau d'origine et renvoie jusqu'au (dernier-1) éléments.

Remarque- L'index du tableau commence à partir de 0.

Vérifiez l'exemple ci-dessous.

|__+_|

Ici, nous avons spécifié les paramètres 1 et 3, ce qui signifie que nous voulons obtenir des éléments allant de l'indice 1 à (3-1), c'est-à-dire 2. Cela signifie que nous devons obtenir les deuxième et troisième éléments du tableau.

Q38. Différence entre objet et carte.

Ans- En JavaScript, les valeurs de mappage et de stockage d'objets dans des paires clé-valeur. Mais il y a de légères différences entre ces deux. La carte est une structure de données qui contient la clé unique à laquelle la valeur est mappée. Les clés sont toujours uniques dans la structure des données de la carte, ce qui évite la duplication des données.

Dans Object, les clés sont généralement spécifiées en tant que propriété et sont associées à une seule valeur.

La principale différence entre les objets et les cartes est que les clés des objets sont de type strings ou int, alors que, dans la carte, les clés peuvent être de n'importe quel type.

La façon de créer des objets et des cartes est également différente. Vous n'avez pas besoin d'utiliser de fonction ou de méthode intégrée pour créer un objet, alors que pour créer une carte, vous devez utiliser un constructeur de carte.

Par exemple. créer un objet-

|__+_|

Q39. Qu'est-ce que la fonction de première classe ?

Ans- En JavaScript, nous pouvons utiliser la fonction comme variable et stocker la valeur de la fonction dans une variable. Le JavaScript traite la fonction comme n'importe quelle autre variable ou un objet, ce qui signifie que vous pouvez les stocker dans une variable, les passer comme arguments, revenir de la fonction, etc.

Q40. Comment redéclarer une variable dans le bloc Switch sans aucune erreur ?

Ans- Si vous initialisez la variable dans le cas du commutateur, elle obtient la portée de l'ensemble du bloc sans même vous connaître. Pour éviter cela, il vous suffit de mettre des accolades autour du bloc de cas particulier. Vérifiez le code ci-dessous.

interrupteur (a)

|__+_|

Le code ci-dessus générera une erreur de compilation. Pour résoudre ce problème, vous pouvez déclarer une variable à l'intérieur d'accolades, elle sera donc déclarée comme une variable de portée bloquée. Vérifiez le bon code ci-dessous.

interrupteur (a)

|__+_|

Q41. Qu'est-ce qu'un module ? Quel est l'avantage de l'utiliser ?

Ans-Module est similaire à la bibliothèque, qui consiste en un code réutilisable destiné à être utilisé comme bloc de construction dans l'application JavaScript. Les modules sont de petites unités de code indépendantes qui permettent aux développeurs de définir des membres de données privés et publics et des fonctions membres.

En JavaScript, vous pouvez créer votre propre module ou un module tiers, que vous pouvez installer et utiliser dans votre application via des gestionnaires de packages tels que NPM. Le principal avantage de la création et de l'utilisation de modules est la réutilisabilité et les performances de l'application.

Q42. Comment manipuler Dom à l'aide d'un service worker ?

Ans- Avant de voir comment manipuler DOM à l'aide d'un service worker, voyons ce qu'est le service worker. Un service worker est un script qui s'exécute en arrière-plan de votre navigateur, indépendamment d'une page Web, vous permettant d'accéder à des services qui ne nécessitent pas de page Web ni d'intervention de l'utilisateur.

Le service worker est un worker JavaScript, il ne peut donc pas accéder directement au DOM et le mettre à jour. Ainsi, au lieu de manipuler directement le DOM, un service worker communique avec les pages qu'il contrôle en donnant une réponse à un message envoyé via l'interface postMessage, puis ces pages peuvent manipuler le DOM.

Q43. Qu'est-ce qu'un cookie ? Pourquoi en avons-nous besoin?

Réponse- Vous pouvez considérer un cookie comme des données stockées sur votre machine locale sous forme de fichier texte. Un cookie aide le site Web à mémoriser les informations sur l'utilisateur, ce qui permet ensuite de visiter à nouveau le site. En général, il stocke les informations d'un utilisateur visité et utilise ces informations pour rendre le site plus utile à cet utilisateur.

Voir également Top 100 des questions et réponses d'entrevue Ansible

Par exemple, vous pouvez stocker l'identifiant ou le nom d'utilisateur dans le cookie et définir le délai pour se détruire afin que la prochaine fois que l'utilisateur ouvre le site dans le délai spécifié ; l'utilisateur sera connecté automatiquement sans entrer d'identifiant et de mots de passe.

Un autre cas d'utilisation d'un cookie est que, si votre site Web ressemble davantage à une application Web telle qu'une application de tâches ou une application de note, vous pouvez stocker la dernière URL visitée dans un cookie afin que chaque fois que l'utilisateur ferme le navigateur et l'ouvre à nouveau après quelques fois, l'application Web sera redirigée vers cette dernière URL visitée spécifique qui rappelle à l'utilisateur ce qu'il a fait lors de la dernière session.

Q44. Différence entre un cookie, LocalStorage et SessionStorage.

Ans- Cookie, localStorage et sessionStorage sont tous utilisés pour stocker certaines informations. Nous verrons chacun d'eux, un par un, et vous comprendrez facilement la différence entre eux.

Un cookie est un petit fichier texte qui stocke et mémorise les données de l'utilisateur sur la machine locale. Il contient les données dans des paires clé-valeur. Vous pouvez définir la date/l'heure d'expiration des cookies ; si non spécifié, les cookies seront supprimés à la fermeture du navigateur.

localStorage et sessionStorage sont des fonctionnalités relativement nouvelles de JavaScript et ne sont pas nécessairement prises en charge par les anciens navigateurs. Le localStorage stockera les données sur votre machine locale et n'a pas de délai d'expiration. Le localStorage peut stocker les données jusqu'à 5 Mo en utilisant JavaScript et stocker les données sous forme de texte brut.

Le sessionStorage est assez similaire au localStorage, mais comme son nom l'indique, il ne dure que pendant la session, ce qui signifie que toutes les données stockées dans sessionStorage seront effacées à la fermeture du navigateur.

Regarde ça Thread StackOverflow pour en savoir plus en profondeur.

Q45. Quelle est la principale différence entre le stockage local et le stockage de session ?

Ans- Le localStorage et le sessionStorage sont tous deux utilisés pour stocker des informations côté client. Cependant, il y a une légère différence entre eux. Le localStorage stocke les données dans des paires clé-valeur qui n'ont pas de date d'expiration.

Cela signifie que même si vous fermez le navigateur et que vous le rouvrez le lendemain, les données/informations dans localStorage restent telles quelles. Cependant, l'utilisateur peut supprimer toutes les données localStorage du navigateur.

D'autre part, sessionStorage stocke les données dans une paire clé-valeur identique à localStorage mais a une durée de vie jusqu'à la fermeture du navigateur. Dès que l'utilisateur ferme le navigateur, les informations de sessionStorage sont effacées.

Q46. Comment vérifier la prise en charge du navigateur Web Worker en Javascript ?

Réponse- Il existe deux façons de vérifier si le navigateur prend en charge les Web Workers utilisant JavaScript.

code-

|__+_|

Q47. Expliquer le mode strict en Javascript.

Ans- La fonctionnalité de mode strict est introduite dans la version 5 d'ECMAScript. Le mode strict en JavaScript est obtenu par l'utilisation d'une expression littérale stricte. Le mode strict ne vous permettra pas d'utiliser des variables non déclarées. L'objectif principal de l'introduction du mode strict dans JavaScript est d'améliorer la sécurité.

Dans une version antérieure de JS, si le programmeur tape mal un nom de variable, il crée une nouvelle variable de portée globale. En utilisant le mode strict, il n'y a aucune possibilité de créer accidentellement de nouvelles variables.

La syntaxe du mode strict est =

code – |__+_|

Q49. A quoi sert la double exclamation ?

Ans- En JavaScript, !! Convertit l'objet en booléen. Si vous le regardez de près, vous vous rendrez compte que c'est deux fois PAS. Laissez-moi vous expliquer. La première ! n'est PAS, et encore ! est le deuxième NOT, ce qui signifie que vous convertissez d'abord la valeur en booléen, que vous l'inversez et que vous l'inversez à nouveau.

Voir, ! est le NON ; donc, !true est faux et !false est vrai. En termes sur 0 et 1, !0 est 1 (vrai) et !1 est 0 (faux).

Si la valeur est falsey(0, null, undefined), elle sera false sinon true.

Par example-

console.log(!!0) // renvoie false car 0 est une fausse valeur

console.log(!!1) // renvoie true car sa valeur de vérité

Explication-

simplifier l'expression d'abord-

ex 1- !!0 est équivalent à !(!0)

!(!0) = !(1) = (0)

donc !!0 est 0 = faux.

Utilisation de la double exclamation en javascript

ex 2- !!1 équivalent à !(!1)

!(!1)= !(0) = (1)

donc !!1 est 1 = vrai

Utilisation de la double exclamation en javascript

Q50. Expliquez l'utilisation de l'opérateur de suppression.

Ans- L'opérateur de suppression JavaScript est utilisé pour supprimer la propriété de l'objet.

Syntaxe - supprimer l'expression ;

par exemple. code=

|__+_|

Q51. Comment accéder à l'historique en Javascript ?

Ans- En JavaScript, l'historique fait partie de BOM, ou vous pouvez dire que c'est un objet de BOM. Chaque fois que vous naviguez sur les différentes pages ou ouvrez une nouvelle page Web, un enregistrement est créé dans l'historique. Pour manipuler l'historique du navigateur, vous obtenez un objet d'historique.

Syntaxe de l'objet historique-

window.history;

Pour revenir en arrière-

window.history.back() ou history.back()

Aller de l'avant-

window.history.forward() ou history.forward();

Pour naviguer en utilisant les étapes-

window.go(2); //Aller de l'avant

fenêtre.go(-2); // pour revenir en arrière

Q52. Comment détecter que le verrouillage des majuscules est activé ou désactivé en Javascript ?

Ans- Capslock est une touche du clavier, nous devons donc utiliser un écouteur d'événements de clavier pour détecter si le verrouillage des majuscules est actif. JavaScript nous fournit la méthode getModifierState() d'un objet keyboardEvent pour renvoyer l'état du modificateur. Si le modificateur est actif, il renvoie vrai sinon faux. Vérifiez l'exemple ci-dessous.

code-

|__+_|

Où e est l'objet événement et vous pouvez l'obtenir à partir de l'événement keyup ou keypressed. vérifier le code ci-dessous :

code-

|__+_|

Q53. Qu'est-ce que le bouillonnement d'événements en Javascript ?

Le bouillonnement Ans-Event est un moyen de propagation d'événements dans l'API HTML DOM. Lorsqu'un événement se trouve dans un élément à l'intérieur d'un autre élément et que les deux éléments ont enregistré un handle pour cet événement, un bouillonnement d'événement se produit.

C'est une procédure qui commence par l'élément à l'origine de l'événement, puis remonte la hiérarchie jusqu'aux éléments contenus. L'événement est d'abord intercepté et traité par l'élément le plus interne, puis transmis aux éléments les plus externes via le bouillonnement d'événement.

Q54. Comment trouver les détails du système d'exploitation en utilisant Javascript ?

Réponse- En JavaScript, vous pouvez trouver les détails du système d'exploitation de deux manières ; à l'aide de la propriété navigator.appVersion ou de la propriété navigator.userAgent. Voici le code qui affiche le nom du système d'exploitation.

Enregistrez le code suivant avec l'extension .HTML et ouvrez-le dans le navigateur pour voir le résultat.

code-

|__+_| sortie des littéraux du modèle javascript

Questions d'entretien sur les algorithmes JavaScript

Q87. Le numéro de contrôle est premier ou non.

Ans-

|__+_|

Q88. Trouver le nième terme de Fibonacci.

Ans-

|__+_|

Q89. Échangez deux numéros.

Ans-

|__+_|

Q90. Échangez deux nombres sans troisième variable.

Ans –

|__+_|

Q91. Inverser la chaîne

Ans-

|__+_|

Q91. Vérifiez si le mot est palindrome ou non.

Ans-

|__+_|

Questions d'entretien avec JavaScript es6

(https://www.javatpoint.com/es6-interview-questions)

Si vous souhaitez faire carrière en tant que développeur JavaScript, vous devez être familiarisé avec ECMAScript ou ES. Il s'agit d'un sur-ensemble de JavaScript et publie de nouvelles fonctionnalités et mises à niveau. La version majeure d'ECMAScript est ES6 qui a été publiée en 2015 ; par conséquent, il est souvent appelé ECMAScript 2015 également.

Q92. Expliquez Ecmascript. Quel est le lien avec Javascript ?

Réponse- Vous pouvez considérer un ECMAScript comme un parent qui crée un ensemble de règles pour les langages de script tels que JavaScript, script, etc. JavaScript est basé sur les règles des normes ECMAScript.

Q93. État des nouvelles fonctionnalités introduites dans Es6.

Réponse- L'ES6 était la version majeure de JavaScript qui inclut un tas de nouvelles fonctionnalités qui ont aidé les programmeurs à surmonter diverses difficultés. Voici les fonctionnalités qui ont été introduites dans ES6.

  • flèches
  • Des classes
  • littéraux d'objet
  • chaînes de modèle
  • déstructurant
  • mots-clés let et const
  • Unicode
  • modules
  • carte, ensemble, carte faible, ensemble faible
  • procurations
  • symbole
  • API mathématiques, numériques, de chaîne, de tableau et d'objet
  • cris de queue
  • refléter l'API

Q94. Expliquez les mots-clés Let et Const.

Ans- En JavaScript, vous pouvez décider de la portée de la variable par la façon dont vous la déclarez. Il existe trois façons de déclarer une variable en JavaScript ; en utilisant var, let et const.

Les mots-clés let et const sont utilisés pour créer une variable de portée de bloc. Les mots-clés let et const sont très similaires. La seule différence entre eux est que vous ne pouvez pas réaffecter la valeur à la variable déclarée comme const.

Code-

|__+_|

Q95. Que sont les modèles littéraux ?

Ans- Les littéraux de modèle, également appelés chaînes de modèle, sont l'une des meilleures fonctionnalités introduites dans la version ES6. Alternativement, vous pouvez l'appeler un modèle de chaîne ou une syntaxe back-tics.

À l'aide de littéraux de modèle, vous pouvez créer une chaîne qui commence et se termine par les backticks (`) qui est capable de se composer d'expressions. Il vous aide à écrire des chaînes entre guillemets ou à afficher des variables et à concaténer facilement deux chaînes.

par example-

|__+_|

Sortir-

Q96. Expliquer l'affectation de déstructuration.

Réponse- Comme son nom l'indique, la restructuration vous permet de décomposer les tableaux, les objets en valeurs distinctes. Il déballe simplement la valeur d'un tableau ou d'un objet et ne détruit ni ne modifie le tableau/l'objet existant.

Exemple-

|__+_|

Q98. Quelle est la fonction de générateur ?

Ans- Une fonction génératrice est définie comme functionName* qui renvoie un objet Generator en JavaScript. Une fonction génératrice est une fonction qui peut être quittée et réactivée ultérieurement. Les générateurs en JavaScript sont plus puissants lorsqu'ils sont utilisés avec des promesses dans la programmation asynchrone.

Q99. Expliquer les paramètres par défaut.

Réponse- Comme son nom l'indique, les paramètres par défaut sont les valeurs par défaut lorsqu'aucun paramètre n'est passé. Vérifiez l'exemple ci-dessous -

|__+_|

Q100.Définissez Babel.

Réponse- L'écriture d'un code JavaScript qui s'exécute dans l'ancienne version du moteur JavaScript est une sorte de casse-tête. C'est là que Babel entre en action. Babel est un transcompilateur qui convertit le code ES6 + en une version rétrocompatible de JavaScript qui peut s'exécuter dans les anciens moteurs JS.

Conclusion

Comme indiqué précédemment, JavaScript est l'un des langages de programmation les plus populaires et en forte demande. Pour obtenir un emploi bien rémunéré, ces questions d'entretien JavaScript vous aideront à effacer les cycles de codage ainsi que les cycles d'entretien.

Il est recommandé d'essayer ces questions et de coder les réponses vous-même avant d'assister à un entretien afin que vous ayez une expérience approximative du fonctionnement de la fonction ou de la méthode particulière et que vous ne soyez pas confus lorsqu'on vous posera une question. Bon codage !