JavaScript Flashcards
Fundamentos em JavaScript
O que são condicionais?
Existem momentos em que precisamos decidir qual a próxima ação a ser executada. Estruturas condicionais verificam se certas condições são verdadeiras. E só será executado o código se a condição resultar em true.
O que são laços de repetição
Existem momentos em que precisamos executar pedaços de código múltiplas vezes. Ou seja, controlar o fluxo do código. Exemplos loops são o for, o while, o forEach. Eles percorrem elementos.
O que são Objetos
São, assim como os arrays, um tipo de dado estruturado para agrupar dados, mas com alguns diferenciais.
Para acessar elementos em um array usamos um número correspondente ao índice (posição).
Os objetos utilizam strings ao invés de números para acessar os diferentes elementos. Essas strings se chamam chaves ou propriedades, e os elementos para os quais eles apontam são chamados de valores.
(Agrupamento de pares de chave-valor)
São usados para representar elementos com várias características ou atributos.
O que é uma função
Um conjunto de instruções que executa uma tarefa ou calcula um valor.
O papel principal é permitir que a gente crie um bloco de código que a gente pode invocar e executar quando a gente quiser.
Function expression
É a forma de criar uma função atribuindo ela a uma variável. A expressão de função é carregada apenas quando o interpretador atinge essa linha de código.
O que são Arrays
Um tipo específico de dados para armazenar, agrupar e manipular dados.
São usados para representar listas de dados.
Cada posição em que o elemento está armazenado corresponde a um índice.
Função anônima
É uma função sem nome. Pode ser atribuída a uma variável. Podem ser usadas como argumento pra outras funções ou como uma execução de função imediatamente invocada.
Variáveis
Usadas para capturar e guardar valores
Escopo léxico
Significa que a estrutura estática do programa determina o escopo de uma variável. Que não é influenciada pelo local onde a função é chamada
Function declaration
As declarações de função são carregadas antes de qualquer código ser executado. São içadas para o topo do código (hoisting)
Operadores lógicos
São usados para estabelecer relações entre booleans(& ‘e’, ou ‘||’, not ‘!’).
&& True apenas se os dois valores fornecidos forem verdadeiros
|| True quando qualquer um dos dados forem verdadeiros
! Inverte o valor que lhe é dado
O operador ternário também é um operador lógico (true ? 1 : not)
O que é DOM
Document Object Model é uma ferramenta que permite acessar e manipular as paginas HTML
Como consultar um elemento na tela
O DOM fornece métodos para acessar: pode ser acesso por meios de seus nós pais e acesso direto pela id, classe ou tag do elemento exemplo: getElementById() , querySelector()
O que é um evento? Como você atribui uma função a um evento?
É quando o usuário realiza uma ação permitindo que ele interaja com o programa.
Para chamar um evento iremos precisar de um manipulador de eventos, nesse caso usamos o event listener que adiciona ou remove um evento sobre qualquer elemento.
O que é um callback
Uma função callback é uma função passada a outra função como argumento, que é então invocado dentro da função externa para completar algum tipo de rotina ou ação.
O que é um código assíncrono
Todas as interações com o usuários, operações de rede, eventos do navegador, … são assíncronas. Isso quer dizer que precisamesperar(que um evento ocorra, que recebamos uma resposta por http, …) para poder completar o trabalho.
O que é uma promise
Uma Promise representa um proxy para um valor que não é necessariamente conhecido quando a promessa é criada. Isso permite a associação de métodos de tratamento para eventos da ação assíncrona num caso eventual de sucesso ou de falha. Isto permite que métodos assíncronos retornem valores como métodos síncronos: ao invés do valor final, o método assíncrono retorna uma promessa ao valor em algum momento no futuro.
A Promise está em um destes estados:
pending (pendente): Estado inicial, que não foi realizada nem rejeitada.
fulfilled (realizada): sucesso na operação.
rejected (rejeitado): falha na operação.
Diferença entre var, let e const
let e const foram introduzidos no ES6 - (ECMAScript 2015 second major revision to Javascript)
A diferença principal entre o var e o let é que enquanto o primeiro tem escopo de função, o segundo possui escopo de bloco
Em resumo, let conserta o antigo problema causado pelo hoisting fazendo com que a declaração de variáveis funcione da forma esperada pela maioria dos desenvolvedores.
Qual a diferença entre == e ===?
== (Igual a ou Equal to) - é usado para comparação entre duas variáveis, independentemente do tipo de dados da variável. === (Valor e Tipo igual) - é usado para a comparação entre duas variáveis, mas isso irá verificar o tipo estrito, o que significa que ele irá verificar o tipo de dados e comparar dois valores
Quais são algumas convenções para chamar variáveis em JavaScript?
Camel Case.
Sempre inicia com uma letra.
Nomes reservados da linguagem nao podem ser usados.
O JavaScript diferencia maiúsculas de minúsculas?
JavaScript é uma linguagem que diferencia maiúsculas de minúsculas. Isso significa que palavras-chave da linguagem, variáveis, nomes de funções e quaisquer outros identificadores devem sempre ser digitados com letras maiúsculas consistentes
Que tipos de dados são suportados em JavaScript?
Primitivos: null undefined boolean number string symbol — disponível somente após ES6
E estruturados:
Objetos
Qual a diferença entre uma variável null, undefined ou undeclared?
null: é a ausência intencional do valor. é do tipo objeto
undefined: significa que o valor não existe. tipo undefided
undeclared:
Como funciona a herença no Javascript?
Tudo em JS é objeto. A ideia central da Herança Prototípica é que um objeto pode apontar para outro objeto e herdar todas as suas propriedades.
Explique como você pega um parâmetro na URL do browser.
Para capturar o endereço da URL usamos a função window.location
do JS. Esta função retorna o caminha completo da URL, incluindo o http:// e todos os parâmetros inclusos na URL.
Depois de descobrirmos o endereço da URL, vamos varrer o endereço em busca dos caracteres ? e & para que então possamos descobrir quais são os parâmetros. Para isso usamos a função split( ).
Qual a diferença entre “atributo” e “propriedade” em JS?
Em JavaScript (o DOM, na verdade), um elemento possui atributos e propriedades.
Um atributo é o estado inicial quando processado no DOM. Uma propriedade é o estado atual.
Na maioria dos casos, os atributos e propriedades são mantidos sincronizados automaticamente. Por exemplo, quando você usa setAttribute () para atualizar um atributo de ID, a propriedade id também é atualizada.
O que é um operador ternário
Na matemática, uma operação ternária é uma operação com três operandos.
O operador condicional ternário é usado como um atalho para a instrução if.
condition ? expr1 : expr2
condition
Uma expressão que é avaliada como true ou false.
expr1, expr2
Expressões com valores de qualquer tipo.
O que são Parâmetros e argumentos em funções
Muitas vezes precisamos passar valores para uma função para que elas façam alguma coisa com esses valores. Parâmetros são os valores passados na declaração da função.
Argumentos são os valores passados na invocação da função. E a função recebe esses valores através dos parâmetros.
o que são métodos
São funções que estão associadas a objetos ou tipos de dados como strings
