ECMAScript 2015 – ES6 (Português)

0 Comments

ECMAScript 6 foi a segunda revisão principal de JavaScript.

ECMAScript 6 é também conhecido como ES6 e ECMAScript 2015,

Este capítulo descreve as características mais importantes do ES6.,5ad79ce91″>

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55 Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

JavaScript let

The let keyword allows you to declare a variable with block scope.,

Exemplo

var x = 10;
// Aqui x é 10
{
let x = 2;
// Aqui x é de 2
}
// Aqui x é 10

Tente você Mesmo ”

Leia mais sobre let no capítulo: JavaScript Deixar.

JavaScript const

Theconst keyword allows you to declare a constant (a JavaScript variable with a constant value).

constantes são semelhantes às variáveis de let, exceto que o valor não pode ser alterado.,

Exemplo

var x = 10;
// Aqui x é 10
{
const x = 2;
// Aqui x é de 2
}
// Aqui x é 10

Tente você Mesmo ”

Leia mais sobre const no capítulo: JavaScript Const.

Arrow Functions

Arrow functions allows a short syntax for writing function expressions.

Você não “precisa do id

palavra-chave, o id

palavra-chave, e os parêntesis curados.,

Exemplo

// ES5
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;

Tente você Mesmo ”

Seta funções não têm a sua própria this.Eles não são adequados para definir métodos de objeto.as funções da Seta não são içadas. Devem ser definidos antes de serem utilizados.

Usando a tag consté mais seguro do que usar var, porque uma expressão de função é sempre um valor constante.,

só pode omitir o id

a palavra-chave e os parêntesis encaracolados se a função for uma única declaração. Devido a isso, ele pode ser um bom hábito para sempre mantê-los:

Exemplo

const x = (x, y) => { return x * y };

Tente você Mesmo ”

Saiba mais sobre a Seta Funções do capítulo: JavaScript Seta para a Função.

The For/Of Loop

The JavaScript for/of statement loops through the values of an iterable objects.,

for/of permite-lhe circular sobre estruturas de dados que são iteráveis, tais como Arrays, Strings, mapas, NodeLists, e muito mais.

for/of loop tem a seguinte sintaxe:

for (variável de iterable) {
// bloco de código a ser executado
}

a variável – Para cada iteração o valor do imóvel é atribuído para a variável. Variável pode ser declarada comconst let, ou var.

iterable – um objeto que tem propriedades iteráveis.,

Looping over an Array

Example

var cars=;
var x;
for (x of cars) {
document.escrever(x + “<br >”);
}

Tente você Mesmo ”

Loop através de uma Cadeia de caracteres

Exemplo

var txt = “JavaScript”;
var x;
para (x txt) {
documento.write (x + “<br >”);

Try it Yourself ”

Learn more in the chapter: JavaScript Loop For/In/Of.,

classes JavaScript

Classes JavaScript são modelos para objetos JavaScript.

Use a palavra-chave class para criar uma classe.

adicione sempre um método chamado constructor():

sintaxe

Classe ClassName {
construtor() { …
}

exemplo

classe carro {
construtor (nome, ano) {
this.name = name;
this.ano = ano;
}
}

o exemplo acima cria uma classe chamada “Carro”.

A classe tem duas propriedades iniciais:” nome “e”ano”.,

Uma classe JavaScript não é um objeto.

é um modelo para objetos JavaScript.

Usando uma Classe

Quando você tem uma classe, você pode usar a classe para criar objetos:

Exemplo

deixe myCar1 = new Carro(“Ford”, de 2014);
deixe myCar2 = new Carro(“Audi”, 2019);

Tente você Mesmo “

Saiba mais sobre classes no capítulo: Classes JavaScript.

JavaScript Promises

A Promise is a JavaScript object that links ” Producing Code “and”Consuming Code”.,

” Código produtor “pode levar algum tempo e” Código consumidor ” deve esperar pelo resultado.

Saiba mais sobre promessas no capítulo: promessas de JavaScript.

o tipo de Símbolo

um símbolo de JavaScript é um tipo de dados primitivo tal como o número, cadeia ou booleano.

representa um identificador único “escondido” que nenhum outro código pode acessar acidentalmente.

para o instace, se diferentes codificadores quiserem adicionar um person.id propriedade de uma pessoa objeto pertencente a um código de terceiros,eles poderiam misturar os valores uns dos outros.,

Usando símbolo () para criar identificadores únicos, resolve este problema:

símbolos são sempre únicos.

se criar dois símbolos com a mesma descrição, estes terão valores diferentes.

símbolo(“id”) == símbolo(“id”) / /false

valores predefinidos dos parâmetros

ES6 permite que os parâmetros da função tenham valores predefinidos.

parâmetro de Repouso da função

o parâmetro de repouso (…) permite que uma função trate um número indefinido de argumentos como um array:

exemplo

soma de funções (…,args) {
let sum = 0;
for (let arg of args) sum + = arg;
return sum;
}
let x = sum(4, 9, 16, 25, 29, 100, 66, 77);

Tente você mesmo ”

Array.find ()

The find() method returns the value of the first array element that passes a test function.

Este exemplo encontra (retorna o valor de a ) o primeiro elemento que é maior de 18 anos:

Note que a função recebe 3 argumentos:

  • O valor do item
  • O índice do item
  • A matriz próprio

Array.,o método findIndex ()

o findIndex() devolve o índice do primeiro elemento array que passa por uma função de ensaio.,

Este exemplo mostra o índice do primeiro elemento que é maior de 18 anos:

Note que a função recebe 3 argumentos:

  • O valor do item
  • O índice do item
  • A matriz próprio

Novo Número de Propriedades

ES6 adicionadas as seguintes propriedades para o objeto Number:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Exemplo

var x = Número.EPSILON;

Tente você mesmo ”

exemplo

var x = número.,MIN_SAFE_ inteiro;

Tente você mesmo ”

exemplo

var x = número . MAX_SAFE_INTEGER;

Tente você Mesmo ”

Novo Número de Métodos

ES6 adicionado 2 novos métodos para o objeto Number:

  • Number.isInteger()
  • Number.isSafeInteger()

O Número.o método isInteger ()

o Number.isInteger() o método devolve true se o argumento for um inteiro.

exemplo

número.isInteger (10); // devolve verdadeiro
número.isInteger (10.,5); / / devolve false

Tente você mesmo ”

o número.isSafeInteger () Method

a safe integer is an integer that can be exactly represented as a double precision number.

O o método devolve true se o argumento for um inteiro seguro.

inteiros seguros são todos inteiros de – (253-1) a +(253 – 1).este é seguro: 9007199254740991. Isto não é seguro: 9007199254740992.,

New Global Methods

ES6 added 2 new global number methods:

  • isFinite()
  • isNaN()

The isFinite() Method

The global isFinite() method returns false if the argument is Infinity or NaN.,

caso Contrário, retorna true:

Exemplo

isFinite(10/0); // retorna false
isFinite(10/1); // retorna true

Tente você Mesmo ”

A isNaN() Método

global isNaN() método retorna true se o argumento for NaN. Caso contrário, retorna false:

Exemplo

isNaN(“Hello”); // retorna true

Tente você Mesmo ”


Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *