Jargão JavaScript 10 termos que você deve saber

De curry para fechamentos Há um grande número de jargões JavaScript (palavras especiais usadas no campo) sabendo que não só irá ajudá-lo a aumentar o seu vocabulário, mas também a entender melhor o JavaScript. Os jargões são normalmente encontrados em documentações e artigos técnicos.. Mas alguns deles gostam fechamentos são coisas bem normais para se conhecer. Saber o que a palavra em si significa pode ajudá-lo a conhecer o conceito de melhor.

Este post é a compilação de 10 termos com o seu significado e o contexto em que eles são usados em JavaScript. Se você é um iniciante, então esta lista tem coberto com o básico como elevação. Ao mesmo tempo, termos menos conhecidos ou menos compreendidos também estão incluídos.

1. Aridade
2. Anônimo
3. Fecho
4. Curry
5. Elevação
6. Mutação
7. Pragma
8. Sentinela
9. Baunilha
10. Variadic

1. Aridade

Aridade (do latim) é o termo usado para se referir ao número de argumentos ou operandos em uma função ou operação respectivamente. É mais provável que você encontre essa palavra no domínio do JavaScript quando for usada para mencionar o número de argumentos esperados por uma função JavaScript.

Existe até uma propriedade chamada arity, do Função objeto que retorna o número de argumentos esperados em uma função. Agora é obsoleto e substituído por comprimento.

A seguinte função tem uma aridade de 3.

function getName (primeiro, meio, último) return first + "+ middle +" + last; 

2. Anônimo

Anônimo é um adjetivo. Quando algo ou alguém é referido como anônimo, significa que o nome da pessoa ou pessoa não é identificado. Da mesma forma, em JavaScript, uma função anônima é aquela que não é identificada por um nome.

(function () // corpo) (); 

Acima é um IIFE (Expressão de Função Imediatamente Invocada). A função nela é anônima, pois não tem nome. Agora, dê uma olhada no abaixo.

var foo = function () ;

Isso também é dito ser uma função anônima, já que não há nome após a palavra-chave função.

Um pouco de dúvida aumenta a exatidão do uso da palavra “anônimo”. Com o IIFE, a função é chamada imediatamente, nenhum nome é usado enquanto, para chamar a última função, a sintaxe foo () é usado.

É como se batizássemos uma função sem nome com o nome 'foo' e a chamamos usando isso. Isso conta como anônimo? Eu não sei, vou deixar isso para os especialistas ingleses. Mas, minha confusão de lado, ambos são de fato referidos como função anônima.

3. Encerramento

Aqui está uma das definições do dicionário de oxford para fecho: “Uma coisa que fecha ou sela alguma coisa, como um boné ou gravata.”

Em JavaScript, closure é uma função interna, que é acessível fora do escopo de sua função externa, com sua conexão com as variáveis ​​da função externa ainda intactas.

Para explicar as coisas (talvez não com precisão, mas simplesmente o suficiente), considere fecho como garçom em um restaurante. Muitas coisas acontecem dentro de uma cozinha de restaurante, onde não temos permissão para entrar ou ver. Mas como é que vamos conseguir a nossa comida então?

É aí que entram os garçons. Nós os chamamos, pedimos a comida, e depois eles vão até a cozinha, informam os chefes dos pedidos e nos trazem quando o pedido está pronto. Desta forma não quebramos nenhum “regras” e ainda consegue pegar uma refeição.

O garçom é alguém que é capaz de levar o nosso pedido para a cozinha e voltar com a comida. JavaScript fechamentos são semelhantes a isso, eles são capazes de pegue nossos parâmetros e trazer de volta as variáveis (referências a essas variáveis, para ser preciso) de dentro de uma função que não nos é permitido.

ordem de função () var food; garçom função (ordem) chef (ordem); devolver comida;  function chef (order) if (ordem === 'pasta') comida = ['massa', 'molho', 'tempero']; cozinhar();  function cook () food.push ('cozido');  garçom de retorno;  var myOrder = order (); console.log (myOrder ('pasta')); // Array ["massa", "molho", "tempero", "cozido"] 

Como você pode ver no código acima, tudo além de garçom e seu valor de retorno de dentro da função de ordem não é exposto ao mundo exterior.

4. Currying

O efeito, em homenagem a Haskell Curry, refere-se a usando várias funções com argumentos únicos, no lugar de uma única função com vários argumentos. Vamos ver o adicionar funções abaixo por exemplo.

função addx (x) função addy (y) retorno x + y;  return addy função add (x, y) retorno (x + y);  console.log (addx (3) (4)); \\ 7 console.log (adicionar (3,4)); \\ 7

Ambas as funções retornam o mesmo resultado. A função addx aceita um parâmetro x enquanto retornando addy que por sua vez aceita o y valor, realiza a adição com x e retorna a soma.

A função adicionar simplesmente leva ambos x e y ao mesmo tempo, realiza a adição e retorna a soma. Até agora, a primeira função pode não parecer muito útil, até que…

var add4 = addx (4); console.log (add4 (8)); // 12 console.log (add4 (6)); // 10 console.log (add4 (-74)); // - 70

Agora, a primeira função fica subitamente interessante. No curry, você sempre pode corrigir um passo em uma sequência de operações como a adição de 4 do código acima, o que é útil quando uma das variáveis ​​usadas na operação é sempre a mesma..

5. Içando

Hoist significa levantar algo. Elevação em JavaScript também significa o mesmo e o que é gerado é a declaração (declaração de função e variável).

Declarações são onde variáveis ​​e funções são criadas com palavras-chave var(não para global) e função.

Não importa onde você digita o código para declarar uma função ou variável, durante a avaliação todas as declarações são movidas para cima dentro do escopo onde residem (exceto no modo estrito). Portanto, é possível escrever um código de trabalho com o código para a chamada de função colocada antes da declaração de função.

nome do var = 'Velma'; console.log (sayCatchPhrase (name)); // "Jinkies!" function sayCatchPhrase (name) frases = 'Fred Flintstone': 'Yabba dabba doo!', 'Velma': 'Jinkies!', 'Razor': 'Bingo!', 'He-Man': 'Eu tenho o poder '; return phrases [nome]; 

6. Mutação

Mutação significa mudança ou modificação. Se você já se deparou com a palavra mutação em JavaScript, provavelmente está se referindo às mudanças que os elementos DOM passaram.

Existe até uma API chamada MutationObserver para ficar de olho nas mutações do DOM, como adição de elementos filho ou mudanças nos atributos do elemento. (Você pode ler mais sobre o MutationObserver no meu post.)

7. Pragma

Pragma é curto para informação pragmática. Em linguagem simples, o pragmático é um adjetivo que significa sensato e prático. Na programação, pragma refere-se ao código que consiste em informações úteis sobre como um compilador ou interpretador ou montador deve processar o programa.

Ele não contribui com nada para a linguagem de programação em si e sua sintaxe pode variar. Eles afetam apenas o comportamento do compilador. JavaScript também tem poucos pragmas, um deles é rigoroso.

"use strict";

Pelo pragma acima, o código JavaScript será executado no modo estrito. No modo estrito, a sintaxe incorreta não é permitida, elevação não é feito, são apresentados erros silenciosos, etc. escrevendo um código JavaScript mais seguro e otimizado.

8. Sentinela

Sentinelas são soldados que ficam de guarda (Lembra os de X-Men?). Na programação, sentinelas são valores usados ​​para indicar o final de um loop ou processo. Eles também podem ser chamados “bandeiras”.

Você pode usar qualquer valor razoável como sentinela. Aqui está um exemplo de sentinelas usado em JavaScript; a índice de método que retorna -1 (o valor sentinela) quando o valor da pesquisa não é encontrado na string de destino. Abaixo está uma função que retorna a posição de um valor de matriz e, se o valor não for encontrado, retorna -1.

função getPos (ary, val) var i = 0, len = ary.length; para (; i 
9. baunilha
 
Acho que o primeiro sorvete de todos deve ter sido baunilha. Eu também acho que não só em sorvete, mas em praticamente todos os tipos de baunilha doce se tornou a sabor padrão. Eu vi algumas receitas de bolo, onde eles adicionaram pelo menos uma gota na mistura - apenas para aumentar o sabor.
 
E é isso que baunilha é um sabor tradicional padrão. Baunilha JavaScript é referido ao JavaScript padrão - sem framework. Baunilha, na verdade, não é usada apenas para descrever a versão padrão do JavaScript, mas também outras linguagens como CSS.
 
10. Variadic
 
Variadic é um adjetivo criado juntando “variável” e “adicity”. “Adicity” é do grego antigo, com um significado que é o mesmo que a palavra latina “aridade” (Item 1 nesta lista). Assim, o termo variadico é usado para expressar algo que tenha um número variável de argumentos.
 
Em JavaScript, um variadico função leva em qualquer número de argumentos. Pode ser criado usando argumentos propriedade, Aplique método e desde ES6, o operador de spread. Abaixo está um exemplo usando um operador de spread.
 
teste de função (… a) console.log (a);  teste ('a', 'b', 'c', 8, [56, -89]); // output é Array ["a", "b", "c", 8, Array [2]]