ES6

ES6 JS atnaujinimas

LET
naudojamas kai keisime reiksme kintamojo,juo galime manipuliuoti ir sugalvoti daug
let limit = 100;
limit += 100;
console.log(limit);

CONST
const naudojamas kai reiksme nera keiciama
siame pvz ismestu errora kadangi negalime perrasyti const
const limit = 100;
limit = 200;
console.log(limit);

kitas pvz kur tiesiog sukursime masyva,jo pakeisti negalime,taciau galime push budu prideti i masyva kazka
const emails =['tiota@gmail.com ', 'vazgo@email.com', 'petia@email.com'];
emails.push('huz@email.com');
console.log(emails);

Tiek LET tiek CONST leidzia neperrasant global scope ,jis turi local scope.Kitaip tariant naudojant skliaustus galima sukurti daugiau reiksmiu ir jas atvaizduoti,tos reiksmes neperrasys main atvaizdavimo,rodys abu variantus.

PVZ SU LET
let limit = 200;
{
  let limit = 10;
  console.log('backstage limit', limit);
}
console.log('overal venue limit', limit);

PVZ SU CONST
const limit = 200;
{
  const limit = 10;
  console.log('backstage limit', limit);
}
console.log('overal venue limit', limit);


Jeigu naudojamos funkcijos su tais paciais kintamaisiais,vistiek neperraso ir nepazeidzia vienas kito.kitaip tariant jie yra atskiri blokai ir vienas kitam netrugdo,nors ir kintamieji tokie patys.

function hello() {
  let message = "Hello!";
  console.log(message);
}

function greeting() {
  let message = "How are you";
  console.log(message);
}
hello();
greeting();

SUJUNGIMAS ES6
Tarkime norime sujungti 2 kintauosius i viena,ankciau naudojome + zenkla kad sujungtume,dabar naudojame tokias kabutes `` ir toki zenkla ${kintamasis}.Sukuriame kintamaji ir siose kabutese rasome ka norim sujungti.Tada tiesiog sukuriame kintamaji  ir jungiame naudodami ${kintamasis} tarpas ir kazkas.
1.zodi kuri jungsime rasome tokiose kabutese ``
2.jungiame dolerio zenklu $ ir skliaustuose {} irasome kintamaji po jo tarpas jeigu dar eina kas nors

let a = `good`;
let greeting = `${a} morning`;
console.log(greeting);

Spread Operator
Spread operatorius leidzia lengviau manipuliuoti masyvais ir objektais
...a    tai yra spread operatorius kuris sujungia
Stai pavizdys kaip sujungti 2 masyvus.Tiesiog masyvo viduje irasome daugtaski ir raide norimo masyvo kuri norime prijungti.
1.turi buti tarpas pries daugtaskius
2.po kintamojo turi buti kablelis ir tarpas

let a = [20, 40, 30];
let b = [10, ...a, 50];
console.log(b);

Kitas PVZ su zodziais

let a = ['Dana', 'Vania', 'Gedrius'];
let b = ['Bubis', 'Kuzis', 'Liudvis', ...a];
console.log(b);

Galime Sukurti Funkcija Kurioje Irasysime Argumentus,ir paskui sukursime Masyva Priskirdami Jiems Reiksme.
1.Irasome Argumenta ...a
2.Atvaizduojame
3.Issisaukiame funkcija ir sklaisutuose priskiririame reiksmes

function collect(...a) {
  console.log(a);
}
collect(1,2,3,4,5,6,7);


Galime Priskirti Reiksme Esanciame Masyvui Naudodami Toki Buda.Trumpiau tarianti priskiriame esamam masyvui dar kazka ir paskui tiesiog juos issaukiame,ir gauname reiksme kuri yra masyve.Veikia tokiu pat principu,jog pirmas masyve esantis elementas yra 0, antra 1 ir tt.

let z = [4, 5, 6];
let [four, five] = z;
console.log(four, five);

Kitas PAVIZDYS Viskas Tas Pats Tik Su Zodziais

let animals = ["Simba", "Bembi", "Shirhan"];
let [lion, deer, tiger] = animals
console.log(lion, deer, tiger);

KAIP VEIKIA SU OJEKTAIS Distruction Asigment
Viskas panasiai kaip ir su masyvais tik taikant pavadinima,skliaustuose reikia rasyti kas yra objekte priskirta.Kaip pvz jeigu objekte yra name,tai taikant jiems pavadinima tai pat reikia issisaukti name.
1.Priskiriame pavadinima toki pat kaip ir masyve
2.Atvaizduojame rasydami skliaustuose irasytus pavadinimus

let king = { name: 'Mufasa', kids: 1 };
let { name, kids } = king;
console.log(name, kids);

Kitas Pavizdys.Cia yra objektas kuriame priskiriame taip pat pavadinimus tik siuo atveju reikia priskirti skliaustus kadangi sintakse nemato jog tai yra tas pats blokas.Uzdedame skliaustus taip funkcija veiks

let son = {  name: 'Simba', paretns: 2 };
let name, paretns;
({ name, paretns } = son);
console.log(name, paretns);

NAUJI METODAI IR MODULIAI

Arrow Functions
Tai yra arrow function sintakse.Ji yra trumpesne ir pagal default arrow funkcija yra anonymus kitaip sakant anonimine-nenustatyta.Arrow funkcija neturi pavadinimo, todel ir yra anonymus.

() => {}

Paprasta funkcija negali buti anonymus kadangi ji turi pavadinima,ir jos dekoracija yra function.Kitaip sakant norint ja isreiksti naudojame funkcijos pavadinima,jos dekoracija yra function.

Tai Yra Anonymus Funkcija, kadangi cia nera nustatytas funkcijos pavadinimas.

setTimeout(function(){
  console.log("Whoohoo!");
},3000);

Cia Yra Tas pats pvz tik su arrow funkcija ir ji taip pat yra anonymus,nes pagal default arrow funkcija yra default.

setTimeout(() => {
  console.log("Whoohoo!");
},3000);

DAR VIENA PAVIZDYS
Cia yra naudojam arrow funkcija ir ji yra anonymus.Taip issaukiame funkcija, nors pati funkcija neturi pavadinimo,mes ja priskyreme kaip kintamaji.

let cheer = () => {
  console.log("Whoohoo!");
}
cheer();


HELPER METHODS
Dazniausiai arrow funkciju isreiskiamos su helper method pagalba.

MAP HELPER METHOD
Map padeda sukurti masyva ir iskviesti funkcija kiekvienam masyve esanciam elementui.

Cia sukureme masyva,zemiau sukureme arrow funkcija kuri return(laiko-grazina) n*2.Tai reiskia kad padaugina n is 2.Sukureme dar viena kintamaji doubled ir jam priskyreme masyvo pavadinima su pam helper,skliaustuose iraseme arrow funkcijos kintamaji(pavadinima).
1.



let values = [20, 30, 40];
let double = (n) => {
  return n*2;
}
let doubled = values.map(double);
console.log(doubled);

Trumpesne Versija Aukstesnio Pavyzdzio.
1.sukureme masyva
2.sukurem kintamaji jame yra funkcija
3.si funkcija paima masyva ir map pagalba pereina visa masyva,kurioje yra arrow funkcija su kintamuoju,sis kintamasis n atvaizduoja masyve esanti elementa ir paskui seka veiksmas,ka darome t.y. padauginame kintamaji n is 2;
4.atvaizduojame savo funkcija

let values = [20, 30, 40];

let doubled = values.map((n) => n*2);
console.log(doubled);

FILTER HELPER METHOD
Filter metodas sukuria nauja masyva ir jiems pritaiko test metoda.T.y. pereina per juos visus,perfiltruoja.

Pateiktame pvz matome kad yra funkcija kuri atrenka skaicius didesnius nei 15 esancius masyve.Filter atfiltruoja visus skaicius.
1.masyvas
2.kintamasis lygus masyvo ir filter kuris lygus arrow funkcija kuri atrenka didesnius nei 15 skaicius is masyvo
3.atvaizdavimas

let points = [6, 7, 5, 8, 12, 34, 54, 65];
let highScore = points.filter((n) => n > 15)
console.log(highScore);


STRINGS HELPER METHODS


REPEAT METHOD
Repeat padeda pakartoti zodzius,tarpus,raides norimam texte,zodyje ar raideje.

Pavizdys kuriame matome repeat skliaustai ir jose bus skaicius kiek kartu norime kad kartotusi ooo zodis.Kitaip sakaknt prie zodzio pridedame .repeat() ir jis karotsis tiek kartu kiek i skliaustus irasysime skaiciu.
Galime naudoti ir tiesiog tarpus " "
Galime Naudoti ir

.repeat()

let b = 'whooh' + 'ooo'.repeat(50);
console.log(b);

Kitas PVZ to paties cia tiesiog panaudosime themeplate string,$ zenklas skliaustai ir jose pridedamas zodis su repeat ir jame skaiciais kuris prides oo 50 kartu siame pvz.

let b = `whoo${"oo".repeat(50)}`;
console.log(b);


STARTS WITH
StartsWith metodas padeda ieskoti zodzio pradzioje norima zodi,fraze

.startsWith

Pavizdys viska isreiskiantis,ieskome butterfly zodyje junginio ar jis prasideda su butter.Cia rodys true.Jeigu nera tada rodo false.

console.log("butterfly".startsWith("butter"));


ENDS WITH
endsWith iesko zodyje ar jis baigiasi norima fraze,sakiniu.

.endsWith

Pavizdyje iesko ar butterfly baigiasi fly.Bus Tru kadangi butterfly baigiasi fly.

console.log("butterfly".endsWith("fly"));


INCLUDES METHOD
includes metodas iesko ar zodyje,sakinyje yra nors vienas simbolis ar raide,fraze.

.includes

Pavizdyje matome ar butterfly yra raide t.Atvaizduos tru kadangi yra raide t.

console.log("butterfly".includes("t"));

IS FINITE
isFinite tikrina ar yra ivestas skaicius o ne koks simbolis ar dar kas nors.Cia pvz tikrina ar yra ivestas skaicius pasirinktam number kintamjam.

Pavizdys su isFinite
Sukureme kintamaji kuris lygus arrow funkcijai kuri turi 2 kintamuosius,vienas yra zodis,kitas yra skaicius,si funkcija grazina funkcija kuri nusako ar kintamasis number yra skaicius.

const addToCart = (item, number) => {
  return Number.isFinite(number);
}
console.log(addToCart('shirt', 5));

IS SAFE INTIGER
isSafeInteger tikrina ar skaicius yra saugus javascript apdorojimui.JS apdoroja tik nuo 2-53 ,mano pvz 53 raso false.

Pavizdyje rodys false kadangi js gali apdoroti tik skaicius nuo 2 iki 53.53 taip pat nepaliko

const addToCart = (item, number) => {
  return Number.isSafeInteger(number);
}
console.log(addToCart('shirt', Math.pow(2, 54)));


MODULES
Modules yra pakartotinai naudojami kodai,kuriuos mes naudojame kuriant projekta.Jie yra skaidomi i atskirus failus, kai musu aplikacija auga.Mes nenorime kad musu index.js failas butu per didelis,jof niekas nesuprastu,tad naudojame atskirus failus kuriuose yra tam tikri kodai,funkcijos kurias mes surisame i viena faila,kad atliktu norima funkcija,veiksma.

EXPORT
export leidzia pasiekti esama faila kitam faile,trumpiau tariant ji exportuojame kad galetume importuoti i kita faila.

Susikuriame viena faila ir jame sukuriame masyva,ir ji exportuojame,exportuojame sukurta kintamaji.

const fellowship = ["Montana", "Pacino", "Bumpher"];

export { fellowship };

IMPORT
import budu mes imporuojame norima faila is kokios nors direktorijos.Tiesiog rsome import skliaustai ir parasome is kur norime importuoti.

import { fellowship } from './fellowship';
console.log(fellowship);


Jeigu norime exportuoti-importuoti kelis kintamuosius tada tiesiog skliaustuose pridedame kableli ir darasome kintamaji

EXPORT PAVIZDYS
const fellowship = ["Montana", "Pacino", "Bumpher"];
const total = fellowship.lenght;
export { fellowship, total };

IMPORT PAVIZDYS
import { fellowship, total } from './fellowship';
console.log(fellowship);

DAR VIENAS PAVIZDYS SU MATEMATINIAI VEIKSMAIS

EXPORT
const add = (a, b) => {
  return a+b;
}
const multiply = (a, b) => {
  return a*b;
}
export { add, multiply };

IMPORT
import { add, multiply } from './math';
console.log(multiply(5, 10));

Jeigu norime exportuoti tik viena is esamu funkciju, tiesiog pridedame toki koda:

EXPORT
cia exportuos kas yra pagal default t.y. multiply

const add = (a, b) => {
  return a+b;
}
const multiply = (a, b) => {
  return a*b;
}
export { add, multiply };
export default multiply;

IMPORT
cia tiesiog nebereikia rasyti skliaustuose ka importuojame galime iskarto rasyti tai ka esame pasirnke daryti default.

import multiply from './math';
console.log(multiply(5, 10));