Download - Java script para adultos
![Page 1: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/1.jpg)
Java Script para adultos
![Page 2: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/2.jpg)
Diego Rafael Perin HonórioFront-end Developer
![Page 3: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/3.jpg)
G4 SOLUTIONS
![Page 4: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/4.jpg)
Ecma Script
• European Computer Manufacturers Association
• ECMA Script
• ECMA Internacional
• Base do Javascript
![Page 5: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/5.jpg)
Aprimoramentos ES6
• Variable Declaration
• Block Scope
• Destructuring Assignment
• Enhanced parameters
• Template String
• Arrow Function
• Proxy
![Page 6: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/6.jpg)
VARIABLE DECLARTION
![Page 7: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/7.jpg)
var a = 0;
let b = 0;
if (true) {
console.log(a);
console.log(b);
var a = 1;
let b = 1;
console.log(a);
console.log(b);
}
console.log(a);
console.log(b);
![Page 8: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/8.jpg)
var a = 0;
let b = 0;
if (true) {
console.log(a); // 0
console.log(b); // undefined
var a = 1;
let b = 1;
console.log(a);
console.log(b);
}
console.log(a);
console.log(b);
![Page 9: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/9.jpg)
var a = 0;
let b = 0;
if (true) {
console.log(a); // 0
console.log(b); // undefined
var a = 1;
let b = 1;
console.log(a); // 1
console.log(b); // 1
}
console.log(a);
console.log(b);
![Page 10: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/10.jpg)
var a = 0;
let b = 0;
if (true) {
console.log(a); // 0
console.log(b); // undefined
var a = 1;
let b = 1;
console.log(a); // 1
console.log(b); // 1
}
console.log(a); // 1
console.log(b); // 0
![Page 11: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/11.jpg)
BLOCK SCOPE
![Page 12: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/12.jpg)
for(var i = 0; i < 3; i++){
var x = i + i;
console.log(x);
}
console.log(x); // 4
![Page 13: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/13.jpg)
for(var i = 0; i < 3; i++){
let x = i + i;
console.log(x);
}
console.log(x); // Error
![Page 14: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/14.jpg)
DESTRUCTING ASSIGNMENT
![Page 15: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/15.jpg)
obj = { first:'a',second:'b',third:'c'};
var x = obj.first;
var y = obj.second;
var z = obj.third;
![Page 16: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/16.jpg)
Destructuring Assignment
var {x,y,z} = { first:'a',second:'b',third:'c'};
// x = 'a', y = 'b', z = 'c‘
var {x,y,z} = ['a','b','c'];
// x = 'a', y = 'b', z = 'c‘
![Page 17: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/17.jpg)
ENHANCED PARAMETERS
![Page 18: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/18.jpg)
Default Params
![Page 19: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/19.jpg)
function say(name) {
name = name || 'Anonymous';
return ‘Olá, ' + name + '!';
}
console.log(say()); // Olá, Anonymous!
console.log(say(‘Diego')); // Olá, Diego!
![Page 20: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/20.jpg)
function say(name = 'Anonymous') {
return ‘Olá, ' + name + '!';
}
console.log(say()); // Olá, Anonymous!
console.log(say('Diego')); // Olá, Diego!
![Page 21: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/21.jpg)
Rest Parameter
![Page 22: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/22.jpg)
function f(a, b){
console.log(args);
var args =
Array.prototype.slice.call(arguments, f.length);
console.log(args);
}
f(1,2,3,4,5);
//[1,2,3,4,5];
//[3,4,5];
![Page 23: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/23.jpg)
function(a, b, ...args) {
console.log(args);
}
//[3,4,5];
![Page 24: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/24.jpg)
function ordernarArgumentos() {
var ordenados = arguments.sort();
return ordenados;
}
console.log(ordernarArgumentos(5,3,7,1));
// Error arguments.sort is not a function
// Arguments não é um objeto array, embora pareça
![Page 25: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/25.jpg)
Shorthand Assignment
![Page 26: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/26.jpg)
var arr1 = [0, 1];
var arr2 = [2, 3];
for(var i=0; i < arr2.length; i++){
arr1.push(arr2[i]);
}
//arr1 = [0,1,2,3]
![Page 27: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/27.jpg)
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
var union = [arr1, arr2]; //[0,1,2,3,4,5]
arr1.push(...arr2); //[0,1,2,3,4,5]
![Page 28: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/28.jpg)
let x = 5;
let y = 20;
let coordinates = {
x,
y,
z: 10,
};
console.log(coordinates); // { x: 5, y: 20, z: 10 }
![Page 29: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/29.jpg)
TEMPLATE STRING
![Page 30: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/30.jpg)
let firstName = 'Diego';
let lastName = 'Honório';
let greeting = 'Hi, my name is ' + firstName + ' ' +
lastName + '.';
![Page 31: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/31.jpg)
let firstName = ‘Diego';
let lastName = ‘Honório';
let greeting = `Hi, my name is ${firstName} ${lastName}.`;
![Page 32: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/32.jpg)
ARROW FUNCTION
![Page 33: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/33.jpg)
var namesList = ['Diego', 'Rafael', 'Perin', 'Honório'];
var names = namesList.filter(function (number) {
return name.length <= 5;
});
console.log(names); // ['Diego', 'Rafael', 'Perin']
![Page 34: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/34.jpg)
let namesList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let names = namesList.filter(name => name.length <= 5);
console.log(names); // ['Diego', 'Rafael', 'Perin']
![Page 35: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/35.jpg)
PROXY
![Page 36: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/36.jpg)
var employee = { name: 'Joe Sixpack', salary: 50 };
var interceptor = {
set: function (receiver, property, value) {
console.log(property, 'is changed to', value);
receiver[property] = value;
}
};
employee = Proxy(employee, interceptor);
employee.salary = 300;
//salary is changed to 300
![Page 37: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/37.jpg)
CLASS
![Page 38: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/38.jpg)
class Pessoa {
constructor(nome, email) {
this.nome = nome;
this.comidas = [];
// verifica se o e-mail foi preenchido
if (email) {
this.email = email;
}
}
fala() {
console.log("Olá, meu nome é "+this.nome+" e meu email é
"+this.email);
}
get primeiroNome() {
return this.nome.split(" ")[0];
}
set gostaDe(comida) {
this.comidas.push(comida);
}
}
![Page 39: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/39.jpg)
HERANÇA
![Page 40: Java script para adultos](https://reader034.vdocument.in/reader034/viewer/2022051304/58a3cfab1a28ab98588b61fb/html5/thumbnails/40.jpg)
class PessoaFisica extends Pessoa{
constructor(nome, email, cpf){
super(nome, email);
this.cpf = cpf;
}
dizCpf(){
console.log(this.cpf);
}
}