s 100 principais perguntas e respostas da entrevista sobre JavaScript para 2021

JavaScript, também abreviado como JS, é uma linguagem de programação de alto nível do lado do servidor. JavaScript é amplamente usado em todo o mundo para construir vários aplicativos da web, o que significa que existem grandes oportunidades para a programação JavaScript.

Para construir uma carreira de programação JavaScript, os candidatos precisam decifrar a entrevista. Eles são solicitados a responder a várias perguntas e respostas de entrevistas em JavaScript.

A seguir está uma lista de perguntas e respostas da entrevista de JavaScript, que provavelmente serão feitas durante a entrevista. É provável que os candidatos recebam perguntas básicas da entrevista de JavaScript para avançar as perguntas da entrevista JS, dependendo de sua experiência e de vários outros fatores.

A lista a seguir cobre todas as perguntas sobre JavaScript para caloiros e perguntas da entrevista sobre JavaScript para candidatos de nível profissional. Este guia de perguntas de entrevista JS irá ajudá-lo a decifrar a entrevista e ajudá-lo a conseguir o emprego dos seus sonhos para Programação JavaScript.

Arquivo PDF de perguntas e respostas da entrevista sobre JavaScript: Faça o download aqui!

Perguntas e respostas mais frequentes da entrevista sobre JavaScript para novatos e experientes

1. O que é JavaScript?

JavaScript é uma linguagem de script do lado do cliente e do lado do servidor inserida em páginas HTML e é compreendida por navegadores da web. JavaScript também é uma linguagem de programação baseada em objeto

2. Enumere as diferenças entre Java e JavaScript?

Java é uma linguagem de programação completa. Em contraste, JavaScript é um programa codificado que pode ser introduzido em páginas HTML. Essas duas linguagens não são interdependentes e são projetadas para fins diferentes. Java é uma programação orientada a objetos (OOPS) ou linguagens de programação estruturadas como C ++ ou C, enquanto JavaScript é uma linguagem de script do lado do cliente.

3. O que são tipos de dados JavaScript?

A seguir estão os tipos de dados JavaScript:

  • Número
  • Fragmento
  • boleano
  • Objeto
  • Indefinido

4. Qual é o uso da função isNaN?

A função isNan retorna true se o argumento não for um número; caso contrário, é falso.

5. O que é mais rápido entre JavaScript e um script ASP?

JavaScript é mais rápido. JavaScript é uma linguagem do lado do cliente e, portanto, não precisa da ajuda do servidor da web para ser executada. Por outro lado, ASP é uma linguagem do lado do servidor e, portanto, é sempre mais lenta que o JavaScript. Javascript agora também é uma linguagem do lado do servidor (nodejs).

6. O que é Infinito negativo?

Infinito negativo é um número em JavaScript que pode ser derivado dividindo o número negativo por zero.

7. É possível quebrar o código JavaScript em várias linhas?

A quebra dentro de uma instrução de string pode ser feita usando uma barra invertida, ',' no final da primeira linha.

Exemplo:

document. Write ('This is a program,');

E se você mudar para uma nova linha quando não estiver dentro de uma instrução de string, javaScript ignorará a quebra na linha.

Exemplo:

 var x=1, y=2, z= x+y; 

O código acima está perfeitamente correto, embora não seja aconselhável, pois dificulta a depuração.

8. Qual empresa desenvolveu JavaScript?

Netscape é a empresa de software que desenvolveu o JavaScript.

9. O que são variáveis ​​não declaradas e indefinidas?

Variáveis ​​não declaradas são aquelas que não existem em um programa e não são declaradas. Se o programa tentar ler o valor de uma variável não declarada, será encontrado um erro de tempo de execução.

Variáveis ​​indefinidas são aquelas que são declaradas no programa, mas não receberam nenhum valor. Se o programa tentar ler o valor de uma variável indefinida, um valor indefinido será retornado.

10. Escreva o código para adicionar novos elementos dinamicamente?

 t1 function addNode () { var newP = document. createElement('p'); var textNode = document.createTextNode(' This is a new text node'); newP.appendChild(textNode); document.getElementById('firstP').appendChild(newP); } 

firstP

11. O que são variáveis ​​globais? Como essas variáveis ​​são declaradas?

Variáveis ​​globais estão disponíveis em todo o comprimento do código para que ele não tenha escopo. A palavra-chave var é usada para declarar uma variável ou objeto local. Se a palavra-chave var for omitida, uma variável global será declarada.

Exemplo:

// Declara um global: globalVariable = 'Test';

Os problemas enfrentados pelo uso de variáveis ​​globais são o conflito de nomes de variáveis ​​de escopo local e global. Além disso, é difícil depurar e testar o código que depende de variáveis ​​globais.

12. O que é uma caixa de prompt?

Uma caixa de prompt é uma caixa que permite ao usuário inserir uma entrada fornecendo uma caixa de texto. Um rótulo e uma caixa serão fornecidos para inserir o texto ou número.

13. O que é 'esta' palavra-chave em JavaScript?

'Esta' palavra-chave refere-se ao objeto de onde foi chamada.

14. Qual é o funcionamento dos temporizadores em JavaScript?

Os temporizadores são usados ​​para executar um trecho de código em um horário definido ou repetir o código em um determinado intervalo. Isso é feito usando as funções setTimeout, setInterval, e clearInterval .

O setTimeout (função, atraso) função é usada para iniciar um cronômetro que chama uma função específica após o atraso mencionado. O setInterval (função, atraso) função executa repetidamente a função dada no atraso mencionado e só para quando cancelada. O clearInterval (id) função instrui o cronômetro para parar.

Os cronômetros são operados em um único encadeamento e, portanto, os eventos podem ficar na fila, aguardando para serem executados.

15. Qual símbolo é usado para comentários em Javascript?

// para comentários de linha única e

/ * Multi

Linha

Comente

* /

16. Qual é a diferença entre ViewState e SessionState?

  • 'ViewState' é específico para uma página em uma sessão.
  • 'SessionState' é específico para dados específicos do usuário que podem ser acessados ​​em todas as páginas do aplicativo da web.

17. O que é operador ===?

=== é chamado de operador de igualdade estrita, que retorna verdadeiro quando os dois operandos têm o mesmo valor sem conversão.

18. Como você pode enviar um formulário usando JavaScript?

Para enviar um formulário usando JavaScript, use

 document.form[0].submit(); document.form[0].submit(); 

19. O JavaScript suporta conversão automática de tipo?

Sim, o JavaScript oferece suporte à conversão automática de tipo. É a forma comum de conversão de tipo usada por desenvolvedores de JavaScript

20. Como o estilo / classe de um elemento pode ser alterado?

Isso pode ser feito da seguinte maneira:

 document.getElementById('myText'). style. fontSize = '20'; 

ou

 document. getElementById ('myText'). className = 'anyclass'; 

21. Como ler e escrever um arquivo usando JavaScript?

Existem duas maneiras de ler e escrever um arquivo usando JavaScript

  • Usando extensões JavaScript
  • Usando uma página da web e objetos Active X

22. Quais são todas as estruturas de loop em JavaScript?

A seguir estão as estruturas de loop em Javascript:

  • Para
  • Enquanto
  • Loops Do-while

23. O que é chamado de digitação de variável em Javascript?

A digitação de variável é usada para atribuir um número a uma variável. A mesma variável pode ser atribuída a uma string.

Exemplo:

 i = 10; i = 'string;' 

Isso é chamado de digitação de variável.

24. Como você pode converter a string de qualquer base em um inteiro em JavaScript?

A função parseInt () é usada para converter números entre bases diferentes. parseInt () leva a string a ser convertida como seu primeiro parâmetro. O segundo parâmetro é a base da string fornecida.

Para converter 4F (ou base 16) em inteiro, o código usado será -

 parseInt ('4F', 16); 

25. Diferença entre '==' e '==='?

'==' verifica apenas a igualdade de valor, enquanto '===' é um teste de igualdade mais rígido e retorna falso se o valor ou o tipo das duas variáveis ​​forem diferentes.

26. Qual seria o resultado de 3 + 2 + '7'?

Como 3 e 2 são inteiros, eles serão somados numericamente. E como 7 é uma string, sua concatenação será feita. Portanto, o resultado seria 57.

27. Como detectar o sistema operacional na máquina cliente?

Para detectar o sistema operacional na máquina cliente, o navegador. A string de plataforma (propriedade) deve ser usada.

28. O que você quer dizer com NULL em Javascript?

O valor NULL é usado para representar nenhum valor ou objeto. Isso implica nenhum objeto ou string nula, nenhum valor booleano válido, nenhum número e nenhum objeto de matriz.

29. Qual é a função do operador delete?

A palavra-chave delete é usada para excluir a propriedade, bem como seu valor.

Exemplo

 var student= {age:20, batch:'ABC'}; Delete student. age; 

30. O que é um valor indefinido em JavaScript?

Valor indefinido significa o

  • A variável usada no código não existe
  • A variável não é atribuída a nenhum valor
  • A propriedade não existe.

31. Quais são todos os tipos de caixas pop-up disponíveis em JavaScript?

  • Alerta
  • Confirme e
  • Incitar

32. Qual é a utilidade de Void (0)?

Void (0) é usado para evitar que a página seja atualizada, e o parâmetro 'zero' é passado durante a chamada.

Void (0) é usado para chamar outro método sem atualizar a página.

33. Como uma página pode ser forçada a carregar outra página em JavaScript?

O código a seguir deve ser inserido para obter o efeito desejado:

 

34. Qual é o tipo de dados das variáveis ​​em JavaScript?

Todas as variáveis ​​em JavaScript são tipos de dados de objeto.

35. Qual é a diferença entre uma caixa de alerta e uma caixa de confirmação?

Uma caixa de alerta exibe apenas um botão, que é o botão OK.

Mas uma caixa de confirmação exibe dois botões, ou seja, OK e cancelar.

36. O que são caracteres de escape?

Caracteres de escape (barra invertida) são usados ​​ao trabalhar com caracteres especiais, como aspas simples, aspas duplas, apóstrofos e 'e' comercial. Coloque uma barra invertida antes dos caracteres para que sejam exibidos.

Exemplo:

 document. write 'I m a 'good' boy.' document. write 'I m a 'good' boy.' 

37. O que são cookies JavaScript?

Cookies são pequenos arquivos de teste armazenados em um computador e são criados quando o usuário visita os sites para armazenar as informações de que precisa. Os exemplos podem ser detalhes do nome de usuário e informações do carrinho de compras de visitas anteriores.

38. O que é um método pop () em JavaScript?

O método pop () é semelhante ao método shift (), mas a diferença é que o método Shift funciona no início do array. O método pop () pega o último elemento da matriz fornecida e o retorna. A matriz na qual é chamada é então alterada.

Exemplo:

 var cloths = ['Shirt', 'Pant', 'TShirt']; cloths.pop(); //Now cloth becomes Shirt,Pant 

39. O JavaScript tem escopo de nível de conceito?

Não. JavaScript não tem escopo em nível de conceito. A variável declarada dentro da função tem escopo dentro da função.

40. Quais são as desvantagens de usar innerHTML em JavaScript?

Se você usar innerHTML em JavaScript, a desvantagem é

  • O conteúdo é substituído em todos os lugares
  • Não podemos usá-lo como 'anexando ao innerHTML
  • Mesmo se você usar + = como 'innerHTML = innerHTML +' html '', o conteúdo antigo é substituído por html
  • Todo o conteúdo innerHTML é analisado novamente e transformado em elementos. Portanto, é muito mais lento
  • O innerHTML não fornece validação e, portanto, podemos inserir um HTML válido e inválido no documento e quebrá-lo

41. O que são declarações break and continue?

A instrução Break sai do loop atual.

A instrução Continue continua com a próxima instrução do loop.

42. Quais são os dois grupos básicos de tipos de dados em JavaScript?

  • Eles são tão - primitivos
  • Tipos de referência

Os tipos primitivos são tipos de dados numéricos e booleanos. Os tipos de referência são tipos mais complexos, como strings e datas.

43. Como podem ser criados objetos genéricos?

Objetos genéricos podem ser criados como:

 var I = new object(); 

44. Qual é a utilidade de um tipo de operador?

'Typeof' é um operador usado para retornar uma descrição de string do tipo de uma variável.

45. Quais palavras-chave são usadas para lidar com exceções?

Try… Catch --- finalmente é usado para lidar com exceções no JavaScript

 Try{ Code } Catch(exp){ Code to throw an exception. } Finally{ Code runs either it finishes successfully or after catch } 

46. ​​Qual palavra-chave é usada para imprimir o texto na tela?

Documento. Write ('Welcome') é usado para imprimir o texto - Bem-vindo na tela.

47. Qual é o uso da função de desfoque?

A função de desfoque é usada para remover o foco do objeto especificado.

48. O que é tipagem de variável?

A digitação de variável atribui um número a uma variável e, em seguida, atribui uma string à mesma variável. Um exemplo é o seguinte:

 i= 8; i='john'; 

49. Como encontrar um sistema operacional na máquina cliente usando JavaScript?

O ' Navegador. a versão do aplicativo é usada para encontrar o nome do sistema operacional na máquina cliente.

50. Quais são os diferentes tipos de erros em JavaScript?

Existem três tipos de erros:

  • Erros de tempo de carregamento : Erros que surgem ao carregar uma página da web, como erros de sintaxe inadequada, são conhecidos como erros de tempo de carregamento e geram os erros dinamicamente.
  • Erros de tempo de execução : Erros que surgem devido ao uso indevido do comando dentro da linguagem HTML.
  • Erros Lógicos : Estes são os erros que ocorrem devido à lógica incorreta executada em uma função com uma operação diferente.

51. Qual é o uso do método Push em JavaScript?

O método push é usado para adicionar ou anexar um ou mais elementos a uma extremidade do Array. Usando este método, podemos anexar vários elementos passando vários argumentos.

52. Qual é o método unshift em JavaScript?

O método Unshift é como o método push, que funciona no início da matriz. Este método é usado para anexar um ou mais elementos ao início da matriz.

53. Qual é a diferença entre JavaScript e Jscript?

Ambos são quase semelhantes. Netscape e Jscript desenvolvem JavaScript foi desenvolvido pela Microsoft.

54. Como as propriedades do objeto são atribuídas?

As propriedades são atribuídas aos objetos da seguinte maneira -

 obj ['class'] = 12; or obj.class = 12; 

55. O que é 'Modo estrito em JavaScript e como pode ser ativado?

O modo estrito adiciona certas compulsões ao JavaScript. No modo estrito, o JavaScript mostra erros para um trecho de código, que não mostrava um erro antes, mas pode ser problemático e potencialmente inseguro. O Modo estrito também resolve alguns erros que impedem o funcionamento eficiente dos mecanismos JavaScript.

O modo estrito pode ser habilitado adicionando a string literal 'use estrito' acima do arquivo. Isso pode ser ilustrado pelo exemplo fornecido:

 function myfunction() { 'use strict;' var v = 'This is a strict mode function'; } 

56. Qual é a maneira de obter o status de um CheckBox?

O status pode ser adquirido da seguinte maneira -

 alert(document.getElementById('checkbox1').checked); 

Se a CheckBox estiver marcada, este alerta retornará TRUE.

57. Como o sistema operacional da máquina cliente pode ser detectado?

O navegador. A string appVersion pode ser usada para detectar o sistema operacional na máquina cliente.

58. O que são window.onload e onDocumentReady?

A função onload não é executada até que todas as informações na página sejam carregadas. Isso leva a um atraso substancial antes que qualquer código seja executado.

onDocumentReady carrega o código logo após o DOM ser carregado. Isso permite a manipulação antecipada do código.

59. Como os fechamentos funcionam em JavaScript?

O encerramento é uma variável declarada localmente relacionada a uma função que permanece na memória quando é retornada.

Por exemplo:

 function greet(message) { console.log(message); } function greeter(name, age) { return name + ' says howdy!! He is ' + age + ' years old'; } // Generate the message var message = greeter('James', 23); // Pass it explicitly to greet greet(message); This function can be better represented by using closures function greeter(name, age) { var message = name + ' says howdy!! He is ' + age + ' years old'; return function greet() { console.log(message); }; } // Generate the closure var JamesGreeter = greeter('James', 23); // Use the closure JamesGreeter(); 

60. Como um valor pode ser anexado a um array?

Um valor pode ser anexado a uma matriz da maneira indicada -

 arr[arr.length] = value; 

61. O que é loop for-in em Javascript?

O loop for-in é usado para percorrer as propriedades de um objeto.

A sintaxe para o loop for-in é -

 for (variable name in object){ statement or block to execute } 

A cada repetição, uma propriedade do objeto é associada ao nome da variável. O loop continua até que todas as propriedades do objeto sejam esgotadas.

62. Quais são as propriedades importantes de uma função anônima em JavaScript?

Uma função declarada sem nenhum identificador nomeado é conhecida como função anônima. Em geral, uma função anônima fica inacessível após sua declaração.

Declaração de função anônima -

 var anon = function() { alert('I am anonymous'); }; anon(); 

63. Qual é a diferença entre .call () e .apply ()?

As funções .call () e .apply () são muito semelhantes em seu uso, exceto por uma pequena diferença. .call () é usado quando o número de argumentos da função é conhecido pelo programador, pois eles devem ser mencionados como argumentos na instrução de chamada. Por outro lado, .apply () é usado quando o número é desconhecido. A função .apply () espera que o argumento seja um array.

A diferença básica entre .call () e .apply () está na maneira como os argumentos são passados ​​para a função. Seu uso pode ser ilustrado pelo exemplo dado.

 var someObject = { myProperty : 'Foo', myMethod : function(prefix, postfix) { alert(prefix + this.myProperty + postfix); } }; someObject.myMethod(''); // alerts '' var someOtherObject = { myProperty : 'Bar.' }; someObject.myMethod.call(someOtherObject, ''); // alerts '' someObject.myMethod.apply(someOtherObject, ['']); // alerts '' 

64. O que é evento borbulhando?

O JavaScript permite que os elementos DOM sejam aninhados uns nos outros. Nesse caso, se o manipulador do filho for clicado, o manipulador do pai também funcionará como se tivesse sido clicado também.

65. O JavaScript diferencia maiúsculas de minúsculas? Dê seu exemplo.

Sim, o JavaScript diferencia maiúsculas de minúsculas. Por exemplo, uma função parseInt não é igual à função Parseint.

66. Quais operadores booleanos podem ser usados ​​em JavaScript?

O operador 'E' (&&), o operador 'Ou' (||) e o operador 'Não' (!) Podem ser usados ​​em JavaScript.

* Os operadores estão sem parênteses.

67. Como um frame específico pode ser direcionado, a partir de um hiperlink, em JavaScript?

Isso pode ser feito incluindo o nome do quadro necessário no hiperlink usando o atributo 'destino'.

 >New Page 

68. Qual é o papel das declarações break and continue?

A instrução break é usada para sair do loop atual. Em contraste, a instrução continue continua o loop atual com uma nova recorrência.

69. Escreva o ponto de diferença entre um jardim da web e uma fazenda da web.

Tanto o web-garden quanto o web-farm são sistemas de hospedagem na web. A única diferença é que o web-garden é uma configuração que inclui muitos processadores em um único servidor. Ao mesmo tempo, web-farm é uma configuração maior que usa mais de um servidor.

70. Como as propriedades do objeto são atribuídas?

A atribuição de propriedades a objetos é feita da mesma forma que um valor é atribuído a uma variável. Por exemplo, o valor de ação de um objeto de formulário é atribuído como 'enviar' da seguinte maneira - Documento. form.action = 'enviar'

71. Qual é o método para ler e gravar um arquivo em JavaScript?

Isso pode ser feito usando extensões JavaScript (executado a partir do Editor JavaScript), por exemplo, para a abertura de um arquivo -

 fh = fopen(getScriptPath(), 0); 

72. Como o DOM é utilizado em JavaScript?

DOM significa Document Object Model e é responsável por como vários objetos em um documento interagem entre si. O DOM é necessário para o desenvolvimento de páginas da web, que inclui objetos como parágrafos, links, etc. Esses objetos podem ser operados para incluir ações como adicionar ou excluir. O DOM também é necessário para adicionar recursos extras a uma página da web. Além disso, o uso de API oferece uma vantagem sobre outros modelos existentes.

73. Como os manipuladores de eventos são utilizados em JavaScript?

Eventos são as ações que resultam de atividades, como clicar em um link ou preencher um formulário pelo usuário. Um manipulador de eventos é necessário para gerenciar a execução adequada de todos esses eventos. Os manipuladores de eventos são um atributo extra do objeto. Este atributo inclui o nome do evento e a ação realizada se o evento ocorrer.

74. Qual é a função dos scripts adiados em JavaScript?

A análise do código HTML durante o carregamento da página é pausada por padrão até que a execução do script não seja interrompida. Se o servidor for lento ou o script for particularmente pesado, a página da web está atrasada.

Ao usar Deferred, os scripts atrasam a execução do script até o momento em que o analisador HTML está sendo executado. Isso reduz o tempo de carregamento das páginas da web e elas são exibidas mais rapidamente.

75. Quais são os vários componentes funcionais em JavaScript?

Os diferentes componentes funcionais em JavaScript são-

  • Funções de primeira classe: Funções em JavaScript são utilizadas como objetos de primeira classe. Isso geralmente significa que essas funções podem ser passadas como argumentos para outras funções, retornadas como valores de outras funções, atribuídas a variáveis ​​ou também podem ser armazenadas em estruturas de dados.
  • Funções aninhadas: As funções, que são definidas dentro de outras funções, são chamadas de funções aninhadas. Eles são chamados de 'cada vez que a função principal é chamada.

76. Escreva sobre os erros mostrados em JavaScript?

JavaScript fornece uma mensagem como se encontrasse um erro. Os erros reconhecidos são -

  • Erros de tempo de carregamento: Os erros mostrados no momento do carregamento da página são contados em Erros de tempo de carregamento. O uso de sintaxe inadequada encontra esses erros e, portanto, é detectado enquanto a página está sendo carregada.
  • Erros de tempo de execução: Este é o erro que surge durante a execução do programa. Por exemplo, operações ilegais causam a divisão de um número por zero ou acessam uma área inexistente da memória.
  • Erros lógicos: É causado por código sintaticamente correto, que não cumpre a tarefa necessária - por exemplo, um loop infinito.

77. O que são objetos de Tela?

Os objetos de tela são usados ​​para ler as informações da tela do cliente. As propriedades dos objetos de tela são -

  • AvailHeight: fornece a altura da tela do cliente
  • AvailWidth: dá a largura da tela do cliente
  • ColorDepth: fornece a profundidade de bits das imagens na tela do cliente
  • Altura: fornece a altura total da tela do cliente, incluindo a barra de tarefas
  • Largura: dá a largura total da tela do cliente, incluindo a barra de tarefas

78. Qual é o método unshift ()?

Este método é funcional no início da matriz, ao contrário do push (). Ele adiciona o número desejado de elementos ao topo de uma matriz. Por exemplo -

 var name = [ 'john' ]; name.unshift( 'charlie' ); name.unshift( 'joseph', 'Jane' ); console.log(name); 

A saída é mostrada abaixo:

 [' joseph ,',' Jane ,', ' charlie ', ' john '] 

79. O que são funções unescape () e escape ()?

A função escape () é responsável por codificar uma string para transferir as informações de um computador para outro através da rede.

Por exemplo:

 document.write(escape('Hello? How are you!')); 

Saída: Olá% 3F% 20How% 20are% 20you% 21

A função unescape () é muito importante, pois decodifica a string codificada.

Funciona da seguinte maneira. Por exemplo:

 document.write(unescape('Hello%3F%20How%20are%20you%21')); 

Resultado: Olá? Como você está!

80. O que são decodeURI () e encodeURI ()?

EncodeURl () é usado para converter URL em sua codificação hexadecimal. E DecodeURI () é usado para converter o URL codificado de volta ao normal.

 var uri='my test.asp?name=ståle&car=saab'; document.write(encodeURI(uri)+ '  
'); document.write(decodeURI(uri));

Resultado -

meu% 20test.asp? name = st% C3% A5le & car = saab

meu test.asp? name = ståle & car = saab

81. Por que você não deve usar innerHTML em JavaScript?

O conteúdo do innerHTML é sempre atualizado e, portanto, é mais lento. Não há escopo para validação em innerHTML. Portanto, é mais fácil inserir código falso no documento e tornar a página da web instável.

82. O que a declaração a seguir declara?

var myArray = [[[]]];

Ele declara uma matriz tridimensional.

83. Como JavaScript e ECMA Script estão relacionados?

ECMA Script é como regras e diretrizes, enquanto Javascript é uma linguagem de script usada para desenvolvimento web.

84. O que é namespacing em JavaScript e como ele é usado?

O namespacing é usado para agrupar as funções, variáveis, etc. desejadas, sob um nome exclusivo. É um nome que foi anexado às funções, objetos e propriedades desejados. Isso melhora a modularidade na codificação e permite a reutilização do código.

85. Como os códigos JavaScript podem ser ocultados de navegadores antigos que não oferecem suporte a JavaScript?

Para ocultar códigos JavaScript de navegadores antigos:

Adicione '' sem as aspas no código antes da tag.

Os navegadores antigos agora tratam esse código JavaScript como um longo comentário HTML. Enquanto um navegador que suporta JavaScript irá interpretar o '' como comentários de uma linha.

86. Como usar o Loop em JavaScript?

Os loops são úteis quando você executa repetidamente as mesmas linhas de código um número específico de vezes ou enquanto uma condição específica for verdadeira. Suponha que você queira digitar uma mensagem 'Olá' 100 vezes em sua página da web. Claro, você terá que copiar e colar a mesma linha 100 vezes. Em vez disso, se você usar loops, poderá concluir esta tarefa em apenas 3 ou 4 linhas.

87.Como usar loops em Javascript?

Existem principalmente quatro tipos de loops em JavaScript.

para loop

para / em um loop (explicado mais tarde)

loop while

fazer ... loop while

para loop

Sintaxe:

 for(statement1; statement2; statment3) { lines of code to be executed } 
  1. A instrução1 é executada primeiro, antes mesmo de executar o código de loop. Portanto, essa instrução é normalmente usada para atribuir valores a variáveis ​​usadas dentro do loop.
  2. A instrução2 é a condição para executar o loop.
  3. A instrução3 é executada sempre que o código de loop é executado.
 var students = new Array('John', 'Ann', 'Aaron', 'Edwin', 'Elizabeth'); document.write('  Using for loops    
'); for (i=0;i'); }

loop while

Sintaxe:

while(condition) { lines of code to be executed }

O 'loop while' é executado enquanto a condição especificada for verdadeira. Dentro do loop while, você deve incluir a instrução que encerrará o loop em algum momento. Caso contrário, seu loop nunca terminará e seu navegador pode travar.

fazer ... loop while

Sintaxe:

faça {bloco de código a ser executado} enquanto (condição)

O loop do ... while é muito semelhante ao loop while. A única diferença é que no loop do ... while, o bloco de código é executado uma vez antes mesmo de verificar a condição.

Exemplo:

 document.write('  Using while loops    
'); var i = 0, j = 1, k; document.write('Fibonacci series less than 40
'); while(i<40) { document.write(i + '
'); k = i+j; i = j; j = k; }

88. Quais são os importantes JavaScript Array Method explicam com exemplo?

Métodos de array JavaScript

O objeto Array tem muitas propriedades e métodos que ajudam os desenvolvedores a manipular arrays de maneira fácil e eficiente. Você pode obter o valor de uma propriedade especificando arrayname.property e a saída de um método especificando arrayname.method ().

  • propriedade comprimento -> Se você quiser saber o número de elementos em um array, você pode usar a propriedade length.
  • propriedade de protótipo -> Se você deseja adicionar novas propriedades e métodos, você pode usar a propriedade prototype.
  • método reverso -> Você pode inverter a ordem dos itens em uma matriz usando um método reverso.
  • método de classificação -> Você pode classificar os itens em uma matriz usando o método de classificação.
  • método pop -> Você pode remover o último item de uma matriz usando um método pop.
  • método de mudança -> Você pode remover o primeiro item de uma matriz usando o método shift.
  • método push -> Você pode adicionar um valor como o último item da matriz.
 Arrays!!! var students = new Array('John', 'Ann', 'Aaron', 'Edwin', 'Elizabeth'); Array.prototype.displayItems=function(){ for (i=0;i'); } } document.write('students array  
'); students.displayItems(); document.write('
The number of items in students array is ' + students.length + '
'); document.write('
The SORTED students array
'); students.sort(); students.displayItems(); document.write('
The REVERSED students array
'); students.reverse(); students.displayItems(); document.write('
THE students array after REMOVING the LAST item
'); students.pop(); students.displayItems(); document.write('
THE students array after PUSH
'); students.push('New Stuff'); students.displayItems();

89 O que é o conceito OOPS em JavaScript?

Muitas vezes, variáveis ​​ou matrizes não são suficientes para simular situações da vida real. JavaScript permite que você crie objetos que agem como objetos da vida real. Um aluno ou uma casa pode ser um objeto que possui muitas características próprias. Você pode criar propriedades e métodos para seus objetos para tornar a programação mais fácil. Se o seu objeto for um aluno, ele terá propriedades como nome, sobrenome, id, etc., e métodos como calcular a classificação, alterar o endereço, etc. Se o seu objeto for uma casa, ele terá propriedades como um número de quartos, cor da pintura, localização, etc. Os métodos, como calcular a área, alterar o proprietário, etc.

Como criar um objeto

Você pode criar um objeto como este:

 var objName = new Object(); objName.property1 = value1; objName.property2 = value2; objName.method1 = function() { line of code } 

OU

 var objName= {property1:value1, property2:value2, method1: function() { lines of code} }; 

90. O que é loop embora as propriedades de um objeto?

O loop for / in a geralmente é usado para percorrer as propriedades de um objeto. Você pode dar qualquer nome para a variável, mas o nome do objeto deve ser o mesmo de um objeto já existente pelo qual você precisa fazer um loop.

Sintaxe:

 for (variablename in objectname) { lines of code to be executed } 

Exemplo:

 var employee={first:'John', last:'Doe', department:'Accounts'}; var details = ''; document.write('  Using for/in loops    
'); for (var x in employee) { details = x + ': ' + employee[x]; document.write(details + '
'); }

91 O que é o Teste de Unidade de JavaScript e quais são os desafios do Teste de Unidade de JavaScript?

O JavaScript Unit Testing é um método de teste no qual o JavaScript testa o código escrito para uma página da web ou módulo de aplicativo da web. Ele é combinado com HTML como um manipulador de eventos embutido e executado no navegador para testar se todas as funcionalidades funcionam bem. Esses testes de unidade são então organizados no conjunto de testes.

Cada suíte contém vários testes projetados para serem executados em um módulo separado. Mais importante ainda, eles não entram em conflito com nenhum outro módulo e são executados com menos dependências entre si (algumas situações críticas podem causar dependências).

Desafios do teste de unidade de JavaScript:

Aqui estão os desafios importantes do Teste de Unidade de JavaScript:

  • Muitas outras linguagens suportam testes de unidade em navegadores, tanto no ambiente estável quanto no ambiente de execução, mas o JavaScript não pode
  • Você pode entender algumas ações do sistema com outras linguagens, mas este não é o caso com JavaScript
  • Alguns JavaScript são escritos para um aplicativo da web que pode ter várias dependências.
  • JavaScript é bom para usar em combinação com HTML e CSS, em vez de na web
  • Dificuldades com renderização de página e manipulação de DOM
  • Às vezes, você encontra uma mensagem de erro na tela sobre 'Não foi possível carregar example.js' ou qualquer outro erro de JavaScript relacionado ao controle de versão. Essas vulnerabilidades vêm em JavaScript de teste de unidade

Soluções de teste de unidade de JavaScript:

Para evitar esses problemas, o que você pode fazer é;

  • Não use variáveis ​​globais.
  • Não manipule objetos predefinidos.
  • Projete as funcionalidades básicas com base na biblioteca.
  • Tente criar pequenas funcionalidades com menos dependências.

92. Quais são algumas estruturas importantes de teste de unidade de JavaScript?

A seguir está uma lista selecionada de frameworks e ferramentas de teste de unidade JavaScript populares que são amplamente usados:

Unit.js: É conhecido como uma biblioteca de asserção de código aberto em execução no navegador e Node.js. É extremamente compatível com outras estruturas de teste de unidade de JavaScript, como Mocha, Karma, Jasmine, QUnit, Protractor, etc. Fornece a API documentada completa da lista de asserções.

QUnit: Ele é usado para testes de unidade de JavaScript do lado do cliente e do lado do servidor. Esta estrutura de teste de JavaScript grátis é usada para projetos jQuery. Ele segue a Especificação de teste de unidade JS comum para teste de unidade em JavaScript. Ele oferece suporte à programação de suporte de longo prazo do Node.

Jasmim: Jasmine é a estrutura de desenvolvimento orientada por comportamento para testar a unidade de JavaScript. É usado para testar códigos JavaScript síncronos e assíncronos. Não requer DOM e vem com uma sintaxe fácil que pode ser escrita para qualquer teste.

Carma: Karma é um ambiente de teste produtivo de código aberto. Controle fácil do fluxo de trabalho rodando na linha de comando. Oferece a liberdade de escrever os testes com Jasmine, Mocha e QUnit. Você pode executar o teste em dispositivos reais com depuração fácil.

Mocha: O Mocha é executado em Node.js e no navegador. O Mocha realiza testes assíncronos de forma mais simples. Fornece precisão e flexibilidade nos relatórios. Fornece suporte tremendo de recursos avançados, como tempos limite específicos de teste, APIs de JavaScript.

É: O Facebook usa jest até agora para testar todo o código JavaScript. Ele fornece a 'experiência de teste de configuração zero. Suporta testes de execução independentes e ininterruptos sem qualquer conflito. Não requer nenhuma outra configuração de instalação e bibliotecas.

AVA: AVA é uma estrutura de teste de unidade JavaScript simples. Os testes estão sendo executados em paralelo e em série. Os testes paralelos são executados sem interromper um ao outro. Esta estrutura de teste também oferece suporte a testes assíncronos. AVA usa subprocessos para executar o JavaScript de teste de unidade.

93. O que é Algoritmo QuickSort em JavaScript?

O algoritmo de classificação rápida segue a abordagem de divisão e conquista. Ele divide os elementos em partes menores com base em algumas condições e realiza o tipo de operação nessas partes menores divididas.

O algoritmo de classificação rápida é um dos algoritmos mais usados ​​e populares em qualquer linguagem de programação. Se você é um desenvolvedor de JavaScript, deve ter ouvido falar de sort (), que já está disponível em JavaScript. Então, você deve estar pensando sobre qual é a necessidade desse algoritmo de classificação rápida. Para entender isso, primeiro precisamos o que é classificação e qual é a classificação padrão em JavaScript.

Quicksort segue o Dividir e conquistar algoritmo. Ele divide os elementos em partes menores com base em algumas condições e executa as operações de classificação nessas partes menores divididas. Portanto, funciona bem para grandes conjuntos de dados. Então, aqui estão as etapas de como o Quicksort funciona em palavras simples.

  1. Primeiro, selecione um elemento que deve ser chamado de pivô elemento.
  2. Em seguida, compare todos os elementos da matriz com o elemento pivô selecionado e organize-os de forma que os elementos menores que o elemento pivô sejam deixados. Maior que o pivô está à sua direita.
  3. Finalmente, execute as mesmas operações nos elementos do lado esquerdo e direito do elemento pivô.

Então, esse é o esboço básico do Quicksort. Aqui estão as etapas que precisam ser seguidas uma a uma para executar o Quicksort.

94. Como funciona o QuickSort

Passo 1) Primeiro, encontre o 'pivô' elemento na matriz.

Passo 2) Inicie o ponteiro esquerdo no primeiro elemento da matriz.

Etapa 3) Inicie o ponteiro direito no último elemento da matriz.

Passo 4) Compare o elemento que aponta com o ponteiro esquerdo e, se for menor que o elemento pivô, mova o ponteiro esquerdo para a direita (adicione 1 ao índice esquerdo). Continue até que o elemento do lado esquerdo seja maior ou igual ao elemento pivô.

Etapa 5) Compare o elemento apontando com o ponteiro direito. Se for maior que o elemento pivô, mova o ponteiro direito para a esquerda (subtraia 1 para o índice direito). Continue até que o elemento do lado direito seja menor ou igual ao elemento pivô.

Etapa 6) Verifique se o ponteiro esquerdo é menor ou igual a um ponteiro direito e veja os elementos nas localizações desses ponteiros.

Etapa 7) Aumente o ponteiro esquerdo e diminua o ponteiro direito.

Etapa 8) Se o índice do ponteiro esquerdo ainda for menor que o índice do ponteiro direito, repita o processo; caso contrário, retorna o índice do ponteiro esquerdo.

Então, vamos ver essas etapas com um exemplo. Vamos considerar um array de elementos que precisamos classificar é [5,3,7,6,2,9].

Aqui estão as etapas para realizar a classificação rápida que está sendo mostrada com um exemplo [5,3,7,6,2,9].

PASSO 1) Determine o pivô como um elemento do meio. Então, 7 é o elemento pivô.

PASSO 2) Inicie os ponteiros para a esquerda e para a direita como o primeiro e o último elemento da matriz, respectivamente. O ponteiro esquerdo aponta para 5 no índice 0, e o ponteiro direito aponta para 9 no índice 5.

ETAPA 3) Compare o elemento do ponteiro esquerdo com o elemento pivô, pois 5<6 shift left pointer to the right to index 1.

PASSO 4) Agora, ainda 3 6 para de incrementar o ponteiro esquerdo, e agora o ponteiro esquerdo é o índice 2.

PASSO 5) Agora, compare o valor do ponteiro direito com o elemento pivô. Como 9> 6, mova o ponteiro direito para a esquerda. Agora, como 2<6, stop moving the right pointer.

PASSO 6) Troque ambos os valores presentes nos ponteiros esquerdo e direito entre si.

PASSO 7) Mova ambos os ponteiros mais uma etapa.

PASSO 8) Como 6 = 6, mova os ponteiros para mais uma etapa e pare quando o ponteiro esquerdo cruzar o ponteiro direito e retornar o índice do ponteiro esquerdo.

Aqui, com base na abordagem acima, precisamos escrever código para trocar elementos e particionar o array conforme mencionado nas etapas acima.

Exemplo:

 var items = [5,3,7,6,2,9]; function swap(items, leftIndex, rightIndex){ var temp = items[leftIndex]; items[leftIndex] = items[rightIndex]; items[rightIndex] = temp; } function: partition(items, left, right) { var pivot = items[Math.floor((right + left) / 2)], //middle element i = left, //left pointer j = right; //right pointer while (i <= j) { while (items[i] pivot) { j--; } if (i 1) { index = partition(items, left, right); //index returned from partition if (left < index - 1) { //more elements on the left side of the pivot quickSort(items, left index - 1); } if (index < right) { //more elements on the right side of the pivot quickSort(items, index, right); } } return items; } // first call to quick sort var sortedArray = quickSort(items, 0, items.length - 1); console.log(sortedArray); //prints [2,3,5,6,7,9] 

94 O que é DOM em JavaScript?

JavaScript pode acessar todos os elementos em uma página da web usando o Document Object Model (DOM). O navegador da web cria um DOM da página da web quando a página é carregada.

95 Como usar DOM e eventos?

Usando o DOM, o JavaScript pode realizar várias tarefas. Ele pode criar novos elementos e atributos, alterar os elementos e atributos existentes e até mesmo remover elementos e atributos existentes. JavaScript também pode reagir a eventos existentes e criar novos eventos na página.

  1. getElementById, Exemplo de innerHTML
  2. getElementById: Para acessar elementos e atributos cujo id é definido.
  3. innerHTML: Para acessar o conteúdo de um elemento.
 DOM!!! 

Welcome

This is the welcome message.

melhor drive de cd externo para mac

Technology

This is the technology section.

var text = document.getElementById('one').innerHTML; alert('The first heading is ' + text);

2.getElementsByTagName Exemplo

getElementsByTagName: Para acessar elementos e atributos usando o nome da tag. Este método retornará uma matriz de todos os itens com o mesmo nome de tag.

JULGAMENTO!!!

Receber

Esta é a mensagem de boas-vindas.

Tecnologia

Esta é a seção de tecnologia.

var parágrafos = document.getElementsByTagName ('p');

alert ('O conteúdo do segundo parágrafo é' + parágrafos [1] .innerHTML);

document.getElementById ('segundo'). innerHTML = 'A mensagem original foi alterada.';

Exemplo de manipulador de eventos

  1. createElement: Para criar um novo elemento
  2. removeChild: remove um elemento
  3. você pode adicionar um manipulador de eventos para um elemento particular como este
 document.getElementById(id).onclick=function() { lines of code to be executed } 

OU

 document.getElementById(id).addEventListener('click', functionname) 

Exemplo:

 DOM!!! document.getElementById('btnClick').addEventListener('click', clicked); function clicked() { alert('You clicked me!!!'); } 

96. O que é JavaScript externo?

Você planeja exibir a data e a hora atuais em todas as suas páginas da web. Suponha que você escreveu o código e o copiou em todas as suas páginas da web (digamos 100). Posteriormente, você deseja alterar o formato em que a data ou a hora são exibidas. Nesse caso, você terá que fazer alterações em todas as 100 páginas da web. Essa será uma tarefa muito demorada e difícil.

Portanto, salve o código JavaScript em um novo arquivo com a extensão .js. Em seguida, adicione uma linha de código em todas as suas páginas da web para apontar para o seu arquivo .js, como este:

 

Observação : Presume-se que o arquivo .js e todas as suas páginas da web estejam na mesma pasta. Se o arquivo external.js estiver em uma pasta diferente, você precisará especificar o caminho completo do seu arquivo no atributo src.

Exemplo:

 var currentDate = new Date(); var day = currentDate.getDate(); Var month = currentDate.getMonth() + 1; var monthName; var hours = currentDate.getHours(); var mins = currentDate.getMinutes(); var secs = currentDate.getSeconds(); var strToAppend; It (hours >12 ) { hours1 = '0' + (hours - 12); strToAppend = 'PM'; } else if (hours <12) { hours1 = '0' + hours; strToAppend = 'AM'; } else { hours1 = hours; strToAppend = 'PM'; } if(mins<10) mins = '0' + mins; if (secs<10) secs = '0' + secs; switch (month) { case 1: monthName = 'January'; break; case 2: monthName = 'February'; break; case 3: monthName = 'March'; break; case 4: monthName = 'April'; break; case 5: monthName = 'May'; break; case 6: monthName = 'June'; break; case 7: monthName = 'July'; break; case 8: monthName = 'August'; break; case 9: monthName = 'September'; break; case 10: monthName = 'October'; break; case 11: monthName = 'November'; break; case 12: monthName = 'December'; break; } var year = currentDate.getFullYear(); var myString; myString = 'Today is ' + day + ' - ' + monthName + ' - ' + year + '.  
Current time is ' + hours1 + ':' + mins + ':' + secs + ' ' + strToAppend + '.'; document.write(myString);

97 Quando usar o código JavaScript interno e externo?

Suponha que você tenha apenas algumas linhas de código específicas para uma página da web em particular. Nesse caso, é melhor manter seu código JavaScript interno em seu documento HTML.

Por outro lado, se o seu código JavaScript for usado em muitas páginas da web, você deve considerar manter seu código em um arquivo separado. Se você deseja fazer algumas alterações em seu código, você deve alterar apenas um arquivo, facilitando a manutenção do código. Se o seu código for muito longo, é melhor mantê-lo em um arquivo separado. Isso ajuda na depuração fácil.

98. O que são cookies em JavaScript?

Um cookie é um dado armazenado em seu computador para ser acessado por seu navegador. Você também pode ter aproveitado os benefícios dos cookies, consciente ou inconscientemente. Você já salvou sua senha do Facebook para não precisar digitá-la toda vez que tentar fazer o login? Se sim, então você está usando cookies. Os cookies são salvos como pares de chave / valor.

Javascript Set-Cookie:

Você pode criar cookies usando o documento. propriedade de cookie como esta.

 document.cookie = 'cookiename=cookievalue' 

Você pode até adicionar uma data de expiração ao seu Cookie para remover o Cookie específico do computador na data especificada. A data de validade deve ser definida no formato UTC / GMT. Se você não definir a data de expiração, o cookie será removido quando o usuário fechar o navegador.

 document.cookie = 'cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC' 

Você também pode definir o domínio e o caminho para especificar a qual domínio e a quais diretórios no domínio específico o cookie pertence. Por padrão, um cookie pertence à página que define o Cookie.

 document.cookie = 'cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ 

// cria um cookie com um domínio para a página atual e um caminho para todo o domínio.

JavaScript obter Cookie

Você pode acessar o Cookie assim, que retornará todos os cookies salvos para o domínio atual.

 var x = document.cookie 

JavaScript Excluir Cookie Para excluir um cookie, você só precisa definir o valor do cookie para vazio e definir o valor de expira para uma data passada.

Exemplo:

 Cookie!!! function createCookie(cookieName,cookieValue,daysToExpire) { var date = new Date(); date.setTime(date.getTime()+(daysToExpire*24*60*60*1000)); document.cookie = cookieName + '=' + cookieValue + '; expires=' + date.toGMTString(); } function accessCookie(cookieName) { var name = cookieName + '='; var allCookieArray = document.cookie.split(';'); for(var i=0; i  

99 Dê um exemplo de tabela de multiplicação de JavaScript

Aqui estão exemplos de tabuada simples perguntando ao usuário o número de linhas e colunas que ele deseja.

Exemplo:

 Multiplication Table var rows = prompt('How many rows for your multiplication table?'); var cols = prompt('How many columns for your multiplication table?'); if(rows == '' || rows == null) rows = 10; if(cols== '' || cols== null) cols = 10; createTable(rows, cols); function createTable(rows, cols) { var j=1; var output = ''; for(i=1;i<=rows;i++) { output = output + ''; while(j<=cols) { output = output + ''; j = j+1; } output = output + ''; j = 1; } output = output + '
' + i*j + '
'; document.write(output); }

100. Explique a mensagem pop-up usando evento com exemplo

Exibir uma mensagem simples 'Bem-vindo !!!' em sua página de demonstração e quando o usuário passar o mouse sobre a mensagem, um pop-up deverá ser exibido com a mensagem 'Bem-vindo à minha página da Web !!!'.

Exemplo:

 Event!!! function trigger() { document.getElementById('hover').addEventListener('mouseover', popup); function popup() { alert('Welcome to my WebPage!!!'); } } p{ font-size:50px; position: fixed; left: 550px; top: 300px; } 

Welcome!!!