ES6 Tutoial - Web Design Blog - http://www.web-resources.eu/archives/es6-%CF%84%CE%B9-%CE%BC%CF%80%CE%BF%CF%81%CF%8E-%CE%BD%CE%B1-%CF%87%CF%81%CE%B7%CF%83%CE%B9%CE%BC%CE%BF%CF%80%CE%BF%CE%B9%CE%AE%CF%83%CF%89-%CF%83%CE%AE%CE%BC%CE%B5%CF%81%CE%B1

arrow-function-example.js

const add = (a, b) => {
  return a + b;
};

arrow-function-functional-programming.js

// Χωρίς συνάρτηση βέλους
const numbers = [3,4,5,6,7,8];
const doubleNumbers = numbers.map(function(n) {
  return n * 2;
});

// Με συνάρτηση βέλους
const numbers = [3,4,5,6,7,8];
const doubleNumbers = numbers.map( n => n * 2 );

arrow-function-no-parameters-no-parenthesis.js

const eight = _ => 3 + 5;

arrow-function-no-parameters.js

const eight = () => 3 + 5;

arrow-function-single-parameter.js

const add5 = a => a + 5;

arrow-function-this-scope.js

const person = {
  firstName: "Νίκος",
  sayName: () => {
    return this.firstName; 
  }
}
console.log(person.sayName()); // undefined

arrow-function-this.js

const person = {
  firstName: "Νίκος",
  sayName: function() {
    return this.firstName;
  }
}
console.log(person.sayName()); // "Νίκος"

arrow-function-usage-example.js

add(2, 3); // 5

arrow-functions-this-scope-1.js

const person = {
  firstName: 'Νίκου',
  hobbies: ['Μουσική', 'Προγραμματισμό', 'Επιστήμες'],
  showHobbies: function() {
    this.hobbies.forEach(function(hobby) {
      console.log(`Ο ${this.firstName} κάνει ${hobby}`);
    });
  }
};
person.showHobbies();

arrow-functions-this-scope-2.js

const person = {
  firstName: 'Νίκος',
  hobbies: ['Μουσική', 'Προγραμματισμός', 'Επιστήμες'],
  showHobbies: function() {
    this.hobbies.forEach(hobby => {
      console.log(`Ο ${this.firstName} κάνει ${hobby}`);
    });
  }
};
person.showHobbies();

back-quotes.js

let name = `Νίκος`;
let job = `Full Stack WordPress Developer`;

const-editable.js

const person = {
  name: 'Νίκος'
};
person.name = 'Βασίλης';

console.log(person); // {name: 'Βασίλης'}

const.js

const person = 'Νίκος';
person = 'Βασίλης'; // Uncaught TypeError: Assignment to constant variable.
console.log(person);

define-string.js

let name = "Νίκος";
let job = 'Full Stack WordPress Developer';

index.js

for (var i = 0; i < 10; i++) {
  console.log(i);
}
console.log(i); // Θα τυπώσει στην κονσόλα τον αριθμό 10;

let-block.js

{
  let user = "Νίκος";
}
console.log(user); // Uncaught ReferenceError: user is not defined

let-for-loop.js

for (let i = 0; i < 10; i++) {
  console.log(i);
}
console.log(i); // Uncaught ReferenceError: i is not defined 

literal-template-multiple-line-with-place-holders.js

const person = {
  name: 'Νίκος',
  job: 'Full Stack WordPress Developer'
};

const markup = `
  <div>
    <h2>${person.name}</h2>
    <h3>${person.job}</h3>
  </div>
`;

literal-template-multiple-line.js

const multi = `This is a 
multiline string`;
console.log(multi);

regular-string-force-multi-line.js

const multi = "This is a 
multiline string";
console.log(multi);

regular-string-multi-line.js

const multi = "Αυτό είναι ένα \n κείμενο πολλαπλών γραμμών";
console.log(multi);

rest-add.js

const add = function() {
  const numbers = Array.prototype.slice.call(arguments);
  return numbers.reduce((a,b) => a + b);
};
add(2, 3, 4, 5, 6, 7);

rest-multiplier.js

const multi = (multiplier, ...numbers) => {
  return numbers.map(n => n * multiplier);
}

rest-utilized.js

const add = function(...numbers) {
  return numbers.reduce((a, b) => a + b);
};
add(2, 3, 4, 5, 6, 7);

single-line-arrow-function.js

const add = (a, b) => a + b;

spread-math-max-apply.js

const numbers = [39, 25, 90, 123];
const max = Math.max.apply(null, numbers);
console.log(max); // 123

spread-math-max.js

const numbers = [39, 25, 90, 123];
const max = Math.max(numbers);
console.log(max); // NaN

spread-merge.js

const numbersArray1 = [3, 4, 5, 7, 8];
const numbersArray2 = [9, 6, 10, 11];
const concatArray = [...numbersArray1, ...numbersArray2];
console.log(concatArray); // [3, 4, 5, 7, 8, 9, 6, 10, 11]

spread-replace-apply.js

const numbers = [39, 25, 90, 123];
const max = Math.max(...numbers);
console.log(max); // 123

spread-syntax.js

...numbers

strict.js

'use strict';

string-concatenate.js

let name = "Νίκος";
let job = "Full Stack WordPress Developer";
let sentence = "Ο " name + " είναι " + job;
console.log(sentence); // "Ο Νίκος είναι Full Stack WordPress Developer"

template-literal-expression.js

const price = 9.99;
const shipping = 3.99;

const message = `Το σύνολο μαζί με τα μεταφορικά θα είναι ${price + shipping}.`;

console.log(message); // Το σύνολο μαζί με τα μεταφορικά θα είναι be 13.98.

template-literal.js

let name = `Νίκος`;
let job = `Full Stack WordPress Developer`;
let sentence = `Ο ${name} είναι ${job}`;
console.log(sentence); // "Ο Νίκος είναι Full Stack WordPress Developer"

template-literals-expression.js

const price = 9.99;
const shipping = 3.99;

const message = `Το σύνολο μαζί με τα μεταφορικά θα είναι ${price + shipping}.`;

console.log(message); // Το σύνολο μαζί με τα μεταφορικά θα είναι 13.98.

var-block.js

{
  var user = "Νίκος";
}
console.log(user); // Νίκος