O que há de novo em JavaScript ES6?

O JavaScript é considerado um dos idiomas de script mais amplamente utilizados e populares; Foi inventado em 1995 e originalmente chamado Mocha, mas acabou se tornando JavaScript. O idioma JavaScript foi inventado por Brendaneich e transformado no padrão ECMA; ES1, ES2, ES3, ES5 e ES6 são numerosas versões do ECMAScript.

JavaScript ES6 é um padrão para garantir a interoperabilidade da página da web em vários navegadores da Web. ES6 é o 6^º Versão da linguagem de programação JavaScript. É uma grande melhoria na linguagem JavaScript, adicionando mais recursos para facilitar o desenvolvimento de software em larga escala. Poucos recursos do script ES6 não são suportados por todos os navegadores, mas a maioria é suportada; Quase todos os famosos navegadores da web suportam todos os recursos do ES6.

O software transpiler pode ser usado para transformar o código ES6 em ES5, que é a versão mais antiga do JavaScript e, portanto, mais compatível com os navegadores.

Neste artigo, analisamos algumas mudanças que o ES6 trouxe JavaScript.

Recursos de ES6 JavaScript

Constantes conhecidas como variáveis ​​imutáveis: O ES6 agora suporta a noção de variáveis ​​constantes. O valor dessas variáveis ​​não pode ser modificado. Um erro será acionado se alguém tentar redefinir a variável no escopo semelhante:

const pi = matemática.Pi;
// Saída: Valor de Pi
console.log (pi);
pi = 4;
// TypeError: atribuição a variável constante.
console.log (pi);
const pi = matemática.Pi;
// Saída: Valor de Pi
console.log (pi);

const pi = 4;
// saída: 4 (sem nenhum erro, pois está fora do escopo)
console.log (pi);

Se um objeto foi declarado usando const, Suas chaves não podem ser alteradas. No entanto, seus valores podem ser alterados:

const user =
Nome: "Steve",
Idade: 13

usuário =
Nome de usuário: "Harry",
Grau: "3º"
// TypeError: atribuição à variável constante. const user =
Nome: "Steve",
Idade: 13

do utilizador.name = "Harry";
console.log (usuário);

Regras de funções e variáveis ​​de escopo bloqueadas

Outro novo recurso importante do ES6 é que as variáveis ​​podem ser declaradas através deixar e const que seguem as regras escassas de bloco. Através dessa regra de blocos, a variável mantém seu valor até o final do bloco. O valor do bloco externo será restaurado após o bloco interno:

deixe um = 5;
// Saída: 5
console.log (a);

deixe um = 4;
// Saída: 4
console.log (a);

// Saída: 5
console.log (a);

Funções de seta

O ES6 também suporta funções de seta que são quase as mesmas das funções tradicionais de JavaScript, mas são mais compactas. No exemplo abaixo, fizemos uma função de seta que leva um número como argumento e retorna o valor de seu quadrado:

sq = a => a*a;
console.log (sq (5));

As funções de seta têm suas limitações e não podem ser usadas em todos os lugares.

Manuseio de parâmetros de função

ES6 nos dá a opção de definir valores padrão para os parâmetros de uma função. Se nenhum argumento for fornecido ao chamar a função, os parâmetros padrão serão usados:

função sq (a = 5, b = 3)
console.log (a + " +" + b + "=" + (a + b));

sq (5, 9);
sq ();

Parâmetros da função de repouso

Parâmetros de repouso A função é outro recurso do ES6. Esse recurso ajuda você a receber qualquer número de argumentos sempre que a função é chamada. A sintaxe mostrada abaixo permite capturar os argumentos restantes após o argumento definido em uma matriz:

função RestParams (a, b,… params)
console.log (a);
console.log (b);
console.log (params);

Restparams (1,2,3,4,5,6,7,8,9);

Literais de modelo

Um modelo de string ou modelo literal refere -se a variáveis ​​e expressões interpoladas como strings usando uma sintaxe perl. Em palavras mais simples, uma string pode ser fechada em backticks (') e essas strings podem incluir expressões (interpoladas) usando o $ ··· sintaxe:

var FirstName = 'John';
var lastName = 'doe';
console.log ('meu nome é $ FirstName $ lastName');

Propriedades do objeto

ES6 forneceu uma nova sintaxe para a criação de objetos. Aqui está o exemplo:

var FirstName = 'John';
var lastName = 'doe';
var id = 03;
VAR departamento = 'educação';
Var Employeedata = primeiro nome, último nome, ID, departamento;
console.log (Employeedata);

Sintaxe da definição formal de classe

JavaScript ES6 suporta sintaxe de definição formal de classe. É um açúcar sintático simples para classes baseadas em protótipos que já estão disponíveis, mas ajuda a melhorar a clareza do código. Isso significa que isso não adicionou um novo modelo de objeto.

classe Circle
construtor (raio)
esse.raio = raio;


var c = novo círculo (8);

Declaração de métodos

ES6 JavaScript fornece uma maneira mais simples de declarar métodos. Anteriormente, no ES5, tivemos que mencionar a palavra -chave "função" junto com o nome da função ao defini -lo. No entanto, no ES6, podemos usar a função de seta e não somos obrigados a escrever a palavra -chave "função". Aqui está o exemplo:

Em ES5

var diâmetro = função (raio)
Seja dia = 2*raio;
retornar dia;
;
diâmetro (8);

Em ES6

var diâmetro = (raio) =>
Seja dia = 2*raio;
retornar dia;
;
diâmetro (8);

Para/de loops

Usando para/de, você pode iterar sobre estruturas de dados iteráveis, como matrizes, strings, mapas etc:

var num = [5, 6, 7, 8, 9];
para (deixe D de num)

console.log (d);

Conclusão

ES6 é a segunda grande revisão do JavaScript, lançada em 2015. Houve adições anuais ao JavaScript em ES7, ES8, ES9 e assim por diante, mas essas novas versões não trouxeram nenhuma mudança significativa. Neste artigo, explicamos brevemente o que é o ES6 JavaScript, os benefícios da versão ES6 e alguns dos novos recursos introduzidos na versão ES6.