50 questions et réponses d'entrevue Javascript les plus posées [2022]

Questions et réponses d'entrevue Javascript

Dans cet article, nous avons compilé les questions d'entretien JavaScript les plus fréquemment posées. Ces questions vous permettront de vous familiariser avec le type de questions qu'un intervieweur pourrait vous poser lors de votre entretien.
JavaScript est un langage de script extrêmement utile dans le développement Web. Brendan Eich a développé JavaScript en 1995 et il est utilisé par des géants comme Facebook et Google. Il est tout à fait impossible d'imaginer la polyvalence de JavaScript. Les enquêteurs essaient toujours d'évaluer les connaissances d'un employé potentiel avant de lui remettre la lettre de nomination.

Il est donc essentiel de parfaire vos connaissances en JavaScript. Voici quelques-unes des questions d'entretien Javascript qu'un intervieweur peut vous poser si vous vous rendez à un entretien.

Les questions et réponses de l'entretien javascript ont été divisées en trois catégories :

• Niveau DEBUTANT
• Niveau intermédiaire
• Niveau avancé

Questions et réponses d'entrevue Javascript - Niveau débutant

Q1. En quoi JavaScript et Java sont-ils différents l'un de l'autre ?

Javascript est un langage de programmation orienté objet ou de script OOP. Java est un langage de programmation orienté objet ou de programmation OOP

JavaScript ne peut être exécuté que sur un navigateur. Java aide à créer des applications pouvant être exécutées sur un navigateur ou une machine virtuelle.

JS est présenté sous forme textuelle. Java nécessite une compilation

Q2. Qu'est-ce que Javascript ?

JavaScript est un langage de programmation léger et interprété avec une capacité orientée objet. Il vous aide à développer l'interactivité dans des pages HTML statiques.

Q3. Quels types de données JavaScript prend-il en charge ?

Il existe quelques types de données pris en charge par JavaScript, à savoir :

• booléen
• Nul
• Chaîne de caractères
• Indéfini
• symbole
• Objet
• Nombre
  
  

Q4. Quelles sont les différentes fonctionnalités de JavaScript ?

• Javascript est un langage de programmation léger et interprété.
• Il a été conçu pour créer des applications centrées sur le réseau.
• Il est complémentaire de Java et intégré à celui-ci.
• JavaScript est un langage de script multiplateforme et ouvert.

Q5. JavaScript est-il sensible à la casse ?

Oui, JavaScript est sensible à la casse.

Q6. Quels sont les avantages de JavaScript ?

Certains avantages sont :

• Moins d'interaction avec le serveur : Avec l'aide de JavaScript, vous pourrez valider toute entrée basée sur l'utilisateur avant d'envoyer la page au serveur.
• Feedback instantané aux visiteurs : Les visiteurs peuvent immédiatement savoir s'ils ont oublié de saisir quoi que ce soit avant même que la page ne se recharge.
• Augmentation de l'interactivité : Avec JavaScript, vous pouvez créer différentes interfaces qui peuvent réagir une fois que l'utilisateur passe la souris dessus ou utilise le clavier pour les activer.

Q7 : Comment peut-on créer un objet en utilisant JavaScript ?

Étant donné que JavaScript est un langage de programmation orienté objet, il prend en charge le concept d'objet. En utilisant le littéral d'objet, vous pouvez créer un objet.

Q8. Comment utiliser JavaScript pour créer un tableau ?

Si vous souhaitez définir des tableaux en JavaScript, vous pouvez le faire en utilisant un littéral de tableau. Exemple:

var x = [] ;

var y = [1, 2, 3, 4, 5] ;

Q9. Quelle est la fonction de nom en JavaScript et comment pouvez-vous la définir ?

Une fonction nommée en JavaScript déclare un nom une fois qu'elle est définie. Exemple:

fonction nommée(){

// écrire le code ici

}

Q10. Peut-on affecter une fonction anonyme à une variable puis la passer en argument à une autre fonction ?

Avec Javascript, il est possible d'assigner une fonction anonyme à une variable et de la passer en argument dans une autre fonction.

Q11. En JavaScript, qu'est-ce qu'un objet d'argument et comment pouvez-vous obtenir des types d'arguments passés à une fonction ?

Les arguments variables en JavaScript représentent les arguments passés à une fonction. Vous pouvez utiliser l'opérateur typeof pour obtenir le type des arguments.

Q12. En JavaScript, quelles sont les portées d'une variable ?

La portée d'une variable désigne la région de votre programme dans laquelle elle est définie. Il existe deux portées :

• Variables globales : une variable globale a une portée globale, ce qui signifie qu'elle sera visible partout dans votre code.
• Variables locales : les variables locales ne seront visibles que dans la fonction dans laquelle elles ont été définies.

Q13. Que fait l'opérateur "This" en JavaScript ?

Le mot clé 'This' utilisé en JavaScript parle de l'objet auquel il appartient. Il a de nombreuses valeurs différentes et cela dépend de l'endroit où il est utilisé.

Q14. Qu'appelle-t-on "rappel" ?

Un rappel est une fonction JavaScript transmise à une méthode sous forme d'option ou d'argument. Le rappel est une fonction qui doit être exécutée après qu'une autre fonction a fini de s'exécuter.

Q15. Définir la fermeture ?

La fermeture est développée lorsqu'une variable spécifique est définie en dehors de la portée actuelle et qu'elle est accessible de l'intérieur avec une portée interne.

Q16. Quelles sont certaines des méthodes intégrées dans JavaScript et quelles sont les valeurs qu'elles renvoient ?

Certaines des méthodes intégrées et les valeurs qu'elles renvoient sont :

Concat () aide à joindre deux ou plus de deux chaînes

CharAt() aide à renvoyer le caractère à l'index spécifique

forEach() permet d'appeler une fonction pour chaque élément présent dans le tableau

length() aide à renvoyer la longueur de la chaîne

indexOf() aide à renvoyer l'index dans l'objet String appelant de la première occurrence de la valeur spécifique

push () permet d'ajouter un ou plusieurs éléments à la fin d'un tableau, puis de renvoyer la nouvelle longueur de ce tableau

pop() permet de supprimer le dernier élément d'un tableau et de renvoyer cet élément

reverse() permet d'inverser l'ordre des éléments d'un tableau

Q17. Quelles sont quelques conventions de nommage des variables en JavaScript ?

Quelques règles sont :

• Il ne faut pas utiliser de mot-clé JavaScript réservé comme nom de variable.
• Les noms de variables en JavaScript ne peuvent pas commencer par un nombre compris entre 0 et 9.
• Les noms de variables en JavaScript sont sensibles à la casse.

Q18. Quel est le travail de l'opérateur TypeOf ?

L'opérateur typeof peut être utilisé pour obtenir le type de données de son opérande. L'opérande spécifié peut être une structure de données ou un littéral tel qu'une fonction, un objet ou une variable.

Q19. Comment créer un cookie à l'aide de JavaScript ?

Vous pouvez créer un cookie en JavaScript en affectant simplement une valeur de chaîne à l'objet document.cookie.

La syntaxe :

document.cookie = "clé1 = valeur1 ; clé2 = valeur2 ; expire = date » ;

Q20. Comment utiliser JavaScript pour lire un cookie ?

Vous pouvez lire un cookie aussi simplement que créer un cookie en JavaScript car il s'agit en fait de la valeur de l'objet document.cookie. Si vous souhaitez accéder à ce cookie spécifique, vous pouvez utiliser cette chaîne à tout moment.

• En utilisant la chaîne document.cookie, vous pouvez conserver une liste de paires nom-valeur séparées par des points-virgules, où le nom est en fait le nom d'un cookie et la valeur est la valeur de la chaîne.
• Vous pouvez également utiliser la fonction split() des chaînes pour diviser la chaîne en valeurs et en clés.

Q21. Comment pouvez-vous utiliser JavaScript pour supprimer un cookie ?

Si vous souhaitez supprimer un cookie afin que les tentatives ultérieures de lecture du cookie ne renvoient rien, vous devez définir une date d'expiration du cookie à une heure passée.

Passons à des questions d'entretien javascript de niveau plus intermédiaire qui testeront vraiment vos connaissances en JavaScript.

Questions et réponses d'entrevue Javascript - Niveau intermédiaire

Q22. En quoi les attributs sont-ils différents de la propriété ?

L'attribut fournit plus de détails sur un élément comme le type, l'identifiant, la valeur, etc.

La propriété est la valeur spécifique attribuée à la propriété. Par exemple, valeur = 'Nom', type = "texte", etc.

Q23. Donner une liste des différentes manières d'accéder à un élément HTML dans un code JavaScript ?

Voici quelques façons :

• getElementById('idname') : en utilisant cette méthode, vous pouvez obtenir un élément par le nom d'ID de l'élément.
• getElementsByClass('classname'): En utilisant cette méthode, vous pouvez obtenir tous les éléments qui ont un nom de classe donné.
• getElementsByTagName('tagname') : en utilisant cette méthode, vous pouvez obtenir tous les éléments qui ont un nom de balise donné.
• querySelector() : La fonction querySelector() prend le sélecteur de style css et renvoie le premier élément sélectionné.

Q24. Quelles sont les différentes manières dont un code JavaScript peut être impliqué dans un fichier HTML ?

Les trois manières différentes :

• En ligne
• Externe
• Interne

La fonction JavaScript connue sous le nom de fonction inline est affectée à une variable créée lors de l'exécution. D'autre part, si vous avez besoin d'un JavaScript pour la fonction, vous pouvez intégrer le script sur la page sur laquelle vous travaillez ou vous pouvez le placer dans un fichier séparé qui peut être appelé en cas de besoin. Cela devient essentiellement la différence entre le script externe et interne.

Q25. Quelles sont les différentes manières de définir une variable JavaScript ?

Il existe 3 façons :

• Var - L'instruction de variable JavaScript aide à déclarer une variable. Alternativement, il peut également être utilisé pour initialiser la valeur de cette variable spécifique.
• Const : Les fonctions const sont utilisées de manière à ne pas permettre la modification de l'objet sur lequel elle est appelée. Ainsi, lorsqu'une fonction est dite const, la fonction peut être appelée sur n'importe quel type d'objet.
• Let : Let est utilisé comme un signal qui montre qu'une variable peut être réaffectée, comme un compteur dans une boucle ou cette permutation de valeur dans un algorithme.

Q26. Qu'est-ce que le langage typé ?

Dans le langage typé, les valeurs sont associées à des valeurs seules. Ils ne sont pas associés à des variables. Il existe deux types de langage typé :

Dynamiquement : pour le langage typé dynamiquement, la variable peut contenir plusieurs types.

Statiquement : dans les langages à typage statique, la variable ne peut contenir qu'un seul type.

Q27. En quoi le stockage local est-il différent du stockage de session ?

Stockage local – Dans le stockage local, les données ne seront pas renvoyées au serveur à chaque requête HTTP (images, HTML, CSS, JavaScript, etc.). Cela aide à réduire le trafic entre le serveur et le client.

Stockage de session – Le stockage de session est assez similaire au stockage local. Cependant, contrairement au stockage de données dans les systèmes locaux qui a un délai d'expiration, les données stockées à l'aide du stockage de session sont effacées une fois la session de page terminée.

Q28. Quelles sont les différences entre l'opérateur '==' et '===' ?

La différence entre l'opérateur "==" et l'opérateur '===' est que le premier compare la variable en effectuant une correction de type. Ainsi, si vous deviez comparer un nombre avec une chaîne avec un littéral numérique, une telle comparaison peut être effectuée en utilisant '==' mais pas '==='. '===' vérifie la valeur et le type de deux variables.

Q29. Comment sont les différences nulles et indéfinies ?

Undefined fait référence à une variable qui a été déclarée mais dont la valorisation des données n'a pas été effectuée. Cependant, null est lui-même une valeur d'affectation.

Q30. En quoi le non déclaré et l'indéfini sont-ils différents ?

Les variables non déclarées sont les types de variables qui n'existent pas dans un programme et ne sont donc pas déclarées. Si le programme tente de le lire, il y aura une erreur d'exécution. Les variables indéfinies sont des variables déclarées mais sans valeur.

Q31. Citez quelques frameworks JavaScript ?

Les frameworks JavaScript désignent un framework d'application qui a été écrit en JavaScript. Quelques-uns des plus courants sont :

• Réagir
• Angulaire
• vue

Q32. En quoi la fenêtre JavaScript et le document JavaScript sont-ils différents l'un de l'autre ?

Window est un objet global et il contient des fonctions, des variables, un emplacement et un historique.

Le document fait partie de la fenêtre et est considéré comme une propriété de la fenêtre Javascript.

Q33. En quoi innerText et innerHTML sont-ils différents ?

innerText – innerText ne traite pas une balise HTML si elle se trouve dans une chaîne.

innerHTML – innerHTML traite une balise HTML si elle se trouve dans une chaîne.

Q34. En JavaScript, qu'est-ce qu'on appelle le bouillonnement d'événements ?

Le bouillonnement d'événements fait référence à un mode spécifique de propagation d'événements dans l'API HTML DOM. Cela se produit lorsqu'un événement se produit dans un élément à l'intérieur d'un autre élément et lorsque les deux éléments ont un descripteur enregistré pour ledit événement. En ce qui concerne le bouillonnement, l'événement qui est d'abord capturé par l'élément le plus interne est finalement relayé aux éléments externes.

Une fois que l'exécution commence à partir d'un événement, elle va à l'élément parent. Après cela, l'exécution passe à l'élément parent et cela continue jusqu'à l'élément body.

Q35. En JavaScript, qu'est-ce que NaN ?

NaN signifie pas un nombre. NaN est toujours utilisé pour comparer inégal à n'importe quel nombre, ce qui inclut NaN lui-même. Par conséquent, il est généralement utilisé pour faire apparaître une condition d'erreur pour toute fonction pouvant renvoyer un nombre valide. Lorsqu'une chaîne, par exemple, est convertie en un nombre et si cela ne peut pas être fait, alors le NaN apparaît.

Q36. Comment les types primitifs/objets JavaScript sont-ils transmis via les fonctions ?

Les types de données primitifs sont passés par valeur tandis que les objets sont passés par référence.

• Par valeur signifie qu'il développe une copie de la sd authentique ou originale s'il s'agit d'un jumeau.
• Par référence signifie qu'il crée un ALIAS de l'authentique ou de l'original. Vous pouvez le comparer avec des surnoms courants.

Q37. Comment convertir une chaîne de n'importe quelle base en entier en utilisant JavaScript?

En utilisant la fonction parseInt(), vous pouvez transformer des nombres entre différentes bases.

Q38. En JavaScript, quel sera le résultat du problème : 2+5+"3" ?

73. Puisque 2 et 5 sont des nombres entiers, l'addition normale sera exécutée. 3 est cependant une chaîne et par conséquent, il y aura concaténation. "" représente une chaîne.

Q39. Que sont les importations et les exportations ?

Les importations et les exportations sont utiles pour écrire du code JavaScript modulaire. Il peut être divisé en plusieurs fichiers.

Vous maîtrisez déjà certaines des questions d'entrevue difficiles en javascript. Maintenant, il est temps de plonger profondément et d'aller chercher des questions et réponses d'entretien javascript avancées.

Questions et réponses d'entrevue Javascript - Niveau avancé

Q40. Qu'est-ce qu'on appelle le mode Strict et comment l'activer ?

Le mode Strict vous aide à vérifier les erreurs dans votre code. Lorsque vous utilisez le mode strict, vous ne pourrez pas utiliser de variables implicitement déclarées et vous ne pourrez pas non plus attribuer de valeur à la propriété en lecture seule.

Si vous souhaitez activer le mode strict, il vous suffit d'ajouter "use strict" au début d'un programme, d'une fonction ou d'un fichier.

Q41. En JavaScript, à quoi sert la boîte de dialogue ?

La boîte d'invite en JavaScript aide l'utilisateur à saisir à l'aide d'une zone de texte. La méthode prompt() aide à afficher la boîte de dialogue qui invite le visiteur à fournir une entrée.

Q42. Quel résultat sortira de ce code:

var Y = 1;

si (fonction F(){})

{

y += Type de F ;</span>

}

console.log(y);

1undefined sera la sortie. En effet, l'instruction de condition if sera évaluée à l'aide de 'eval' et, par conséquent, eval(function f(){}) renverra la fonction f(){} (true). Ainsi, à l'intérieur de cette instruction if, on exécuterait le typeof f qui renverra undefined puisque le code de l'instruction if est exécuté au moment de l'exécution. Ainsi, l'instruction présente à l'intérieur de la condition if va être évaluée pendant l'exécution.

Q43. Indiquez la différence entre Postuler et Appeler ?

La méthode call() aide à appeler une fonction qui a une valeur 'this' donnée et les arguments qui sont fournis individuellement. La syntaxe est :

fun.call(thisArg[, arg1[, arg2[, …]]])

La méthode apply() est utilisée pour appeler une fonction qui a une valeur 'this' donnée mais les arguments sont présentés sous forme de tableau. La syntaxe est :

fun.apply(thisArg, [argsArray])

Q44.En JavaScript, comment pouvez-vous vider un tableau ?

Il existe plusieurs méthodes pour vider un tableau. Elles sont:

Méthode 1 :

tableauListe = []

Si vous n'avez aucune référence au tableau d'origine arrayList, cette méthode est recommandée. Cependant, si vous avez précédemment référencé ce tableau à partir d'une variable différente, le tableau de référence d'origine restera inchangé.

Méthode 2 :

arrayList.length = 0 ;

En utilisant ce code, vous définissez la longueur du tableau sur 0, le vidant ainsi de toutes les mises à jour des variables de référence, revenant au tableau d'origine.

Méthode 3 :

arrayList.splice(0, arrayList.length);

Cette méthode peut également être utilisée pour vider tout le tableau, y compris les mises à jour de toutes les références au tableau d'origine.

Méthode 4 :

while(arrayList.length)

{

tableauListe.pop();

}

C'est aussi un excellent moyen de vider les tableaux, mais ce n'est pas une méthode recommandée.

Q45. Quelle sortie ce code présentera-t-il :

var Sortie = (fonction(x)

{

Supprimer X ;

retourner X ;

}

)(0);

console.log(sortie);

L'opérateur de suppression aide à supprimer les propriétés d'un objet. Dans ce code, x n'est pas utilisé comme un objet mais comme une variable locale. Les opérateurs de suppression n'ont aucun effet sur les variables locales.

Q46. Quelle sortie ce code présentera-t-il :

var X = { Foo : 1};

var Sortie = (fonction()

{

supprimer X.foo ;

retourne X.foo ;

}

)();

console.log(sortie);

Sortie indéfinie. L'opérateur de suppression aide à supprimer les propriétés d'un objet. Dans ce code, x est un objet avec la propriété utilisée foo. Il s'agit d'une fonction auto-invoquante et, par conséquent, on supprimerait la propriété foo de l'objet x. Par conséquent, le résultat sera indéfini.

Q47. Quelle sortie ce code présentera-t-il :

var Employé =

{

société : 'xyz'

}

var Emp1 = Object.create(employee);

supprimer Emp1.company Console.log(emp1.company);

Résultat = xyz. Dans ce code, l'objet emp1 utilise company comme propriété prototype. L'opérateur de suppression ne supprime pas la propriété du prototype. L'objet emp1 n'a pas de société comme propriété. Il est possible de supprimer directement la propriété de l'entreprise de l'objet Employee en utilisant delete Employee.company.

Q48. Quelle sortie ce code présentera-t-il :

//nfe (expression de fonction nommée)

var Foo = Barre de fonctions()

{

retour 7;

} ;

type de barre();

Sortie = erreur de référence. La définition de fonction ne peut avoir qu'une seule variable de référence comme nom de fonction.

Q49. Pourquoi est-il courant d'envelopper le contenu du fichier source JavaScript dans un livre de fonctions ?

De nombreuses bibliothèques JavaScript utilisent cette technique. Cela aide à développer une fermeture autour du contenu du fichier, ce qui aide à créer un espace de noms privé et, par conséquent, à éviter tout conflit de noms avec différents modules et bibliothèques JavaScript.

Q50. En JavaScript, que sont les caractères d'échappement ?

Les caractères d'échappement vous aident à écrire des caractères spéciaux sans avoir à casser l'application.

Obtenez des diplômes en génie logiciel des meilleures universités du monde. Gagnez des programmes Executive PG, des programmes de certificat avancés ou des programmes de maîtrise pour accélérer votre carrière.

Conclusion

Voici quelques questions d'entrevue populaires en javascript fournies avec des difficultés variables pour vous aider à réussir les entrevues. Améliorez vos connaissances de base et avancées de JavaScript à l'aide de ces questions et réponses d'entretien javascript est un excellent moyen de décrocher un emploi en tant que développeur dans n'importe quelle entreprise de haute technologie.

Certaines personnes préfèrent le côté artistique du développement web et d'autres préfèrent le côté technique. Mais il y a un troisième groupe de personnes qui connaissent les deux. Le premier groupe est composé de développeurs front-end, le second de développeurs back-end et le dernier de développeurs full-stack.

La demande de développeurs full-stack est en hausse. Et les entreprises ont désespérément besoin de professionnels talentueux capables de travailler à la fois avec HTML et PHP.

Si vous souhaitez en savoir plus sur le développement de la pile complète, consultez le programme exécutif PG de upGrad & IIIT-B en développement de logiciels à pile complète qui est conçu pour les professionnels en activité et offre plus de 500 heures de formation rigoureuse, plus de 9 projets et missions, Statut d'ancien de l'IIIT-B, projets de synthèse pratiques et aide à l'emploi avec les meilleures entreprises.