JavaScript

Проработать

Что это

JS - однопоточный язык программирования.

Менеджер пакетов

npm
Yarn

Типы данных

number
string
boolean
null
undefined
object
symbol
BigInt

Виды переменных

var - имеет только глобальную область видимости для блоков кода: if, for. Но внутри функции становиться локальной переменной. Допускает повторное объявление. Не рекомендуется использовать.
let
const

Замыкание(closure)

Простыми словами это внутренняя функция, т.е. функция в функции. Замыканием (closure) называют потому, что после выполнения родительской или внешней функции, код внутренней все еще "живет" в интерпретаторе, и его можно выполнить. Ошибок не возникнет даже если внутренняя функция (замыкание) будет использовать переменные из внешней функции.

function makeWorker() {
  let name = "Pete";

  return function() {
    alert(name);
  };
}

let name = "John";

// create a function
let work = makeWorker();

Лексической области видимости (lexical scoping)

Lexical scoping - это видимость переменных из внутреннего метода во внешний.

Сравнение объектов

null == undefined - true

null == 0 - false

По этому рекомендуется использовать сравнения 3 знаков === или !==

Для практики кода, можно использовать вывод в консоль браузера.
console.log()

Можно использовать && и || как проверку на значение(0 или "" или NaN или null - вернет false все остальное это true)
console.log(1 || 2) //1
console.log(1 && 2) //2

Методы вывода информации в браузере

Выведет переданное сообщение в окне alert(?message);

Выведет переданный вопрос, и кнопки ok cancel и вернет boolean ответ confirm(?message);

Выведет переданное сообщение и вернет заполненное поле prompt(?message, ?defaultValue);

Объекты для преобразования типов.

Number()
String()
Boolean()

Мат функции

Math.min(2,4)
Math.max(2,4)

if

if(условие) {
    тело(блок)
} else if  (условие) {
    тело(блок)
} else if (условие) {
    тело(блок)
} else {
    тело(блок)
}

Циклы

while

while(условие) {
    тело(блок)
}

do while

do {
    тело(блок)
} while (условие)

Объект

Создание

let user = {
    name:'a',
    surname:'b',
    patronymic:'c'
}

Получение поля

user.name
или
user['name']

Typeof

typeof - метод получения типа.

typeof user

Оператор ...

... - предоставляет 2 возможности

Оператор расширения

Оператор расширения - «разбивает» объект на набор его элементов и отдаёт их по порядку.

arr = [1, 2, 3]
console.log(...problems)

Можно объединять массивы

[ ...arr, ...left, ...right ]

Остаточные параметры

В параметрах функции можно указать получение нескольких параметров.

function s(...args) {}

Object

Object.keys(obj) – возвращает массив ключей.
Object.values(obj) – возвращает массив значений.
Object.entries(obj) – возвращает массив пар [ключ, значение].

Await

await - ключевое слово которым помечают вызовы кода для ожидания завершения Promise. Могут использоваться только в функциях с ключевым словом async.

this

В JavaScript this является «свободным», его значение вычисляется в момент вызова метода и не зависит от того, где этот метод был объявлен, а скорее от того, какой объект вызывает метод (какой объект стоит «перед точкой»).

Эта концепция вычисления this в момент исполнения имеет как свои плюсы, так и минусы. С одной стороны, функция может быть повторно использована в качестве метода у различных объектов (что повышает гибкость). С другой стороны, большая гибкость увеличивает вероятность ошибок.

Вопросы на собеседование