Co-founder of SDAL, Analysts and frontend team-lead in Qoollo, Student in BMSU, Moscow, Bachata dancer ;)
JS интенсив от Сергея СоловьеваЧто такое JS и как он такой получился (1/9)Среда выполнения JS (2/9)Переменные и типы данных (3/9)Синтаксис и управляющие конструкции (4/9)Функции и функциональное программирование в JavaScript (5/9)Классы и ООП, прототипное наследование, this (7/9)Работа с асинхронным кодом и Promise (8/9)Экосистема JS и NPM (9/9)
Окружения, блоки, вызовы функций, замыкания (6/9)
{
const number = 179;
function makeCounter() {
//[[Scope]].number = 179
const step = 57
return function() {
//[[Scope]].step = 57
//[[Scope]].[[Scope]].number = 179
return number + step;
};
}
let counter = makeCounter();
console.log(counter());
// makeCounter.[[Scope]] = window
// window.[[Scope]] = null
}
{
let phrase = 'Привет';
function sayHi(name) {
console.log(phrase + ', ' + name);
}
sayHi('Вася'); // Привет, Вася
phrase = 'Пока';
sayHi('Вася'); // Пока, Вася
}
{
const funcs = []
for (let i = 0; i < 3; i++) {
funcs.push(() => console.log(i));
// У каждой итерации цикла своё собственное лексическое окружение
}
funcs.forEach(f => f()) // выведет 0 1 2
}
{
// сделать какую-нибудь работу с локальными переменными, которые не должны быть видны снаружи
let message = "Hello";
console.log(message); // Hello
}
//console.log(message); - ERROR!!!
{
let counter = 0;
const func = () => {
console.log(counter++);
if (counter < 10) {
//console.log(localVar); - ReferenceError: Cannot access 'localVar' before initialization
const localVar = 179;
func();
}
};
func();
}
{
function badFibonacci(n) {
return n <= 1 ? n : badFibonacci(n - 1) + badFibonacci(n - 2);
}
return badFibonacci(10);
}
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.