From Siarhei

функции высшего порядка:

Функции высшего порядка в JavaScriptMedium

Gaps after checkpoint #1:

• конструкторы (new Number, ...)

• typeof(NaN)

Yes, typeof(NaN) is number. You can check if the value is NaN specifically using the function isNaN.

• мутация объектов

• for in Array

• is Birthday func clear?

Git

Коммит - состояние файла; сохранение, фиксация изменений кода, хранит изменения файлов.

git merge - новый коммит и сложность истории

git rebase - нельзя работать нескольким людям сразу. Новых коммитов не существует, образуются сломанные коммиты. ORIG HEAD.

git pull = git fetch + git merge pull сливает коммиты, не давая посмотреть их. fetch собирает коммиты и сохраняет в локальный репозитой

git push -f может перетереть чужие коммиты.

git ignore - файл.

fork - для защиты оригинального репозитория от большого кол-ва людей.

Hash table, set

match ALL

TS 13 задач

window.location

OOP, FP, FRP + Каррирование/частичное применение/мемоизация

HTTP, WS, REST, REST Full API

Performance (Optimization Techniques)

BOM, DOM, Storages

Loader, Plugin (webpack)

Require vs import (module system)

SPA vs MPA

several design patterns (e.g Decorator, Singleton, Factory)

generic

Type

https://www.typescriptlang.org/docs/handbook/intro.html (до Generic)

Типы типизации (и в js, ts); --

CORS *

CSS grid *

Agile, Scrum, Kanban, Waterfall

Dod

DoR

Scrum

эстимации

из-за итеративности раздувается время

Kanban

Тайота

Борда + кол-во тасок определенное,

суть: быстро перемещать таски + релиз

Вспылие переменных, функций (Hoisting)

Всплытие переменных

JavaScript непреклонно сначала объявляет, а уже затем инициализирует наши переменные.

Все необъявленные переменные это по факту глобальные переменные:

function hoist() {
  a = 20;
  var b = 100;
}

hoist();

console.log(a);
/*
Доступ как к глобальной переменной вне функции hoist()
Выводит: 20
*/

console.log(b);
/*
Как только b была назначена, она заключена в рамки области видимости функции hoist(). Что означает то, что мы не можем вывести её за рамки функции.
Вывод: ReferenceError: b is not defined
*/

var

Глобальные переменные

console.log(hoist); // Вывод: undefined

var hoist = 'The variable has been hoisted.';

Мы ожидали, что результат в логе будет: ReferenceError: HOIST IS NOT DEFINED, но вместо этого нам вывело undefined.

Это произошло из-за того, что JavaScript «поднял» объявление переменной. Вот как это выглядит для движка JavaScript:

var hoist;

console.log(hoist); // Вывод: undefined
hoist = 'The variable has been hoisted.';

Переменные в области видимости функции

Как мы видели до этого, переменные в глобальной области видимости поднимаются вверх. Дальше давайте посмотрим на то, как ведут себя переменные при «поднятии» в функциях .

function hoist() {
  console.log(message);
  var message='Hoisting is all the rage!'
}

hoist();

Вот как движок видит код выше:

function hoist() {
  var message;
  console.log(message);
  message='Hoisting is all the rage!'
}

hoist(); // Вывод: undefined

Объявление переменной var message, область видимости которой заканчивается в функции hoist(), «поднимается» наверх функции.

Strict mode

'use strict';

console.log(hoist); // Вывод: ReferenceError: hoist is not defined
hoist = 'Hoisted';

Вместо того, чтобы указать, то что мы пропустили объявление нашей переменной, use strict остановил нас на полпути, выдав Reference error.

Еще пример:

var c = a * b;
var a = 7;
var b = 3;
console.log(c); // NaN

Здесь та же ситуация. Переменные a и b используются до опеределения. По умолчанию им присваиваются значения undefined. А если умножить undefined на undefined, то получим Not a Number (NaN).

let

console.log(hoist); // Вывод: ReferenceError: hoist is not defined
let hoist = 'The variable has been hoisted.';

Как и с var, мы ожидаем, что выведется в лог undefined. Но так как es6 let недружелюбно относится к необъявленным переменным, интерпретатор выдает нам Reference ошибку.

Пример ниже выдаст undefined вместо Reference error.

let hoist;

console.log(hoist); // Вывод: undefined
hoist = 'Hoisted'

const

Если мы попытаемся переназначить значение, прикрепленное к const переменной:

const PI = 3.142;

PI = 22/7; // Давайте изменим значение PI
console.log(PI); // Вывод: TypeError: Assignment to constant variable.

Как const изменяет объявление переменной?

console.log(hoist); // Output: ReferenceError: hoist is not defined
const hoist = 'The variable has been hoisted.';

Как и с let, вместо тихого спокойного выхода с undefined, движок спасает нас, выдавая Reference error.

Тоже самое происходит при использовании const в функциях.

Всплытие функций

Function Declaration:

Такие функции полностью поднимаются вверх кода. Теперь понятно почему JavaScript позволяет нам вызывать функции прежде, чем мы их объявим по упоминанию в коде.

hoisted(); // Вывод: "This function has been hoisted."

function hoisted() {
  console.log('This function has been hoisted.');
};

Function Expression:

expression(); //Вывод: "TypeError: expression is not a function

var expression = function() {
  console.log('Will this work?');
};

Как мы можем видеть выше, объявление переменной var expression поднимается, но его назначение как функции — нет. Следовательно, движок выдаст TypeErrorкак увидит expression в виде переменой, а не функции.

Порядок по приоритетам

Назначение переменных имеет приоритет перед объявлением функции.

Объявление функции имеет приоритет перед объявлением переменной.

Объявления функций «поднимаются» над объявлением переменных, но не над их назначениями.

Назначение переменной над объявлением функции.

var double = 22;

function double(num) {
  return (num*2);
}

console.log(typeof double); // Вывод: number

Объявление функции над объявлением переменной.

var double;

function double(num) {
  return (num*2);
}

console.log(typeof double); // Вывод: function

Даже если мы изменим позиции объявлений, JavaScript движок все равно бы взял double функцию.

Useful link:

Разбираемся с “поднятием” (hoisting) в JavaScriptMedium