(param1, param2, …, paramN) => { statements }(param1, param2, …, paramN) => expression// эквивалентно: (param1, param2, …, paramN) => { return expression; }// Круглые скобки не обязательны для единственного параметра:(singleParam) => { statements }singleParam => { statements }// Функция без параметров нуждается в круглых скобках:() => { statements }() => expression// Эквивалентно: () => { return expression; }

// Когда возвращаете литеральное выражение объекта, заключите тело в скобкиparams => ({foo: bar})// Остаточные параметры и параметры по умолчанию поддерживаются(param1, param2, ...rest) => { statements }(param1 = defaultValue1, param2, …, paramN = defaultValueN) => { statements }// Деструктуризация тоже поддерживаетсяvar f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c;f();  // 6

var elements = ["Hydrogen", "Helium", "Lithium", "Beryllium"];elements.map(function (element) {  return element.length;}); // Это выражение вернёт массив [8, 6, 7, 9]// Функцию выше можно записать как стрелочную функцию:elements.map((element) => {  return element.length;}); // [8, 6, 7, 9]// Если единственным оператором в выражении стрелочной функции является return,// можно удалить return и окружающие фигурные скобкиelements.map((element) => element.length); // [8, 6, 7, 9]// В данном случае, поскольку нам нужно только свойство length, мы можем использовать деструктуризированный параметр:// Обратите внимание, что строка `"length"` соответствует свойству, которое мы хотим получить,// в то время как `lengthFooBArX` это просто имя переменной, которую можно назвать как вы хотитеelements.map(({ length: lengthFooBArX }) => lengthFooBArX); // [8, 6, 7, 9]// Это задание деструктуризированного параметра может быть записано, как показано ниже. Тем не менее, обратите внимание,// что нет строки `"length"`, чтобы выбрать, какое свойство мы хотим получить. Вместо этого в качестве свойства,// которое мы хотим извлечь из объекта, используется само литеральное имя переменной `length`elements.map(({ length }) => length); // [8, 6, 7, 9]

function Person() {  // В конструкторе Person() `this` указывает на себя.  this.age = 0;  setInterval(function growUp() {    // В нестрогом режиме, в функции growUp() `this` указывает    // на глобальный объект, который отличается от `this`,    // определяемом в конструкторе Person().    this.age++;  }, 1000);}var p = new Person();

function Person() {  var that = this;  that.age = 0;  setInterval(function growUp() {    // Функция с обратным вызовом(callback) содержит переменную that, которая    // ссылается на требуемый объект this.    that.age++;  }, 1000);}

function Person() {  this.age = 0;  setInterval(() => {    this.age++; // `this` указывает на объект Person  }, 1000);}var p = new Person();

var f = () => {  "use strict";  return this;};f() === window; // или глобальный объект

var adder = {  base: 1,  add: function (a) {    var f = (v) => v + this.base;    return f(a);  },  addThruCall: function (a) {    var f = (v) => v + this.base;    var b = {      base: 2,    };    return f.call(b, a);  },};console.log(adder.add(1)); // Выводит 2console.log(adder.addThruCall(1)); // Всё равно выводит 2

var arguments = 42;var arr = () => arguments;arr(); // 42function foo() {  var f = (i) => arguments[0] + i; // Неявное связывание ссылки arguments  // стрелочной функции f  // c объектом arguments функции foo  return f(2);}foo(1); // 3

function foo() {  var f = (...args) => args[0];  return f(2);}foo(1); // 2

"use strict";var obj = {  i: 10,  b: () => console.log(this.i, this),  c: function () {    console.log(this.i, this);  },};obj.b(); // prints undefined, Window {...} (или глобальный объект)obj.c(); // prints 10, Object {...}

"use strict";var obj = {  a: 10,};Object.defineProperty(obj, "b", {  get: () => {    console.log(this.a, typeof this.a, this);    return this.a + 10;    // представляет глобальный объект 'Window', но 'this.a' возвращает 'undefined'  },});

var a = new (function () {})();// переменной "a" будет присвоено значение экземпляра анонимной функцииvar b = new (() => {})();// будет выброшено исключение// Uncaught TypeError: (intermediate value) is not a constructor

var func = (x) => x * x; // краткий синтаксис,// неявно возвращает результатvar func = (x, y) => {  return x + y;}; // блочный синтаксис,// явно возвращает результат

var func = () => { foo: 1 };// Вызов func() возвращает undefined!var func = () => { foo: function() {} };// SyntaxError: function statement requires a name

var func = () => ({ foo: 1 });

var func = ()           => 1;// SyntaxError: expected expression, got '=>'

let callback;callback = callback || function() {}; // okcallback = callback || () => {};// SyntaxError: invalid arrow-function argumentscallback = callback || (() => {});    // ok

// Пустая стрелочная функция возвращает undefinedlet empty = () => {};(() => "foobar")();// Вернёт "foobar"// (Это Immediately Invoked Function Expression// смотри 'IIFE' в справочнике)var simple = (a) => (a > 15 ? 15 : a);simple(16); // 15simple(10); // 10let max = (a, b) => (a > b ? a : b);// Удобные операции над массивами: filter, map, ...var arr = [5, 6, 13, 0, 1, 18, 23];var sum = arr.reduce((a, b) => a + b);// 66var even = arr.filter((v) => v % 2 == 0);// [6, 0, 18]var double = arr.map((v) => v * 2);// [10, 12, 26, 0, 2, 36, 46]// Более короткие цепочки promise-овpromise  .then((a) => {    // ...  })  .then((b) => {    // ...  });// Стрелочные функции без параметров, которые визуально легче разбиратьsetTimeout(() => {  console.log("Я буду раньше");  setTimeout(() => {    // deeper code    console.log("Я буду позже");  }, 1);}, 1);