Основы языка JS6 — синтаксис

Привет. Продолжаю изучать программирование. Сегодня был первый урок по JS6. Этот язык вышел в 2015 году, т.е. JS6 = JS2015. Эта статья будет выступать в качестве записной  книжке. Тут я буду скидывать основные моменты синтаксиса языка JS6.

Переменные

const — не изменяемая переменная, обычно используется для стрелочных функций.

let — пришло на смену var.

Видимость переменных

Видимость ограничивается фигурными скобками {}, все что находится внутри скобок доступно только в них и дочерних элементов (ребёнка).

Деструктуризация массивов и объектов

//массив
let arr5 = ['qwe', 123];
let [a, b] = arr5;
console.log(a,b);

//объект
let obj = {
   name: 'qwe',
   lastName: 'ewq'
}
let {name,lastName} = obj;

Можно задать другие имена для переменных:

let obj = {
    name: 'qwe',
    lastName: 'ewq',
    color:['a',1]
}
let {name: ogorod,lastName, color:[a,b]} = obj;

Пример:

const ret = (year) => {
    const = age 2021 - year;
    return [age, 65-year];
}

let [age, retYears] = ret(1990);

console.log(age, retYears);

Стрелочные функции

Базовый синтаксис x = () => {}

если передается всего одни параметр, то можно записать в коротком виде:

const x = a => a + 10;

Две и больше:

const x = (a,b) => {
    const c = 10;
    return b + a + c;
}

console.log (10,10)

Аргументы могут иметь дефолтные значения:

const x = (a,b=10) => { 
    const c = 10;
    return b + a + c;
}
console.log (10)

Аргументы с дефолтными значениями указываются в конце.

Стрелочные функции наследует элементы родителя.

Шаблонные строки

Раньше, чтобы конкатенировать строки нужно было писать так:

console.log(a + "привет" + b "!");

А теперь все намного удобней в этом плане.

console.log(`${a} привет ${b} !`);

Можно вставлять все что угодно, тернарные операторы, функции и т.д.

Spread / Rest операторы

let calcArgs = (a,b,c) => a+b+c;
const arrName = [2,3,4];
console.log(calcArgs.apply(null, arrName); // так делали раньше
console.log(...arrName);

Объединить массивы:

let arr1 = [1,2];
let arr2 = [3,4];
let arr3 = (...arr1, ...arr2);

Спред в объектах:

let obj = {
   x: 1,
   c: 2
}

let obj1 = {
   ...obj,
   c: 22, //переопределит с
   x:1
}

Приведем коллекцию в массив:

//есть 12 дивов
let boxes = document.querySelectorAll ('div');
let bpxesArr = [...boxes];

let some =(year, ...arr) => {
    console.log(year);
    console.log(arr);
}

console.log(1099,20,30,111);

Словечки

Парадигма – стандарт принятия решений, который используют большинство людей.

Конкатенация — склеивание строк.

Интерполяция —

Литирал массива — [].

Литирал объекта— {}.

Литирал строки — ”.

Следующая

JSООП в JS6