JavaScript test
10.2K subscribers
3.05K photos
6 videos
4.41K links
Проверка своих знаний по языку JavaScript.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/js_test

РКН: clck.ru/3KHeYk
Download Telegram
Что будет на выходе?

var a = 'b';
var b = 'c';

(function () {
console.log(a);
var a = 'd';
b = 'e';
console.log(b);
})();

console.log(a);
console.log(b);

Ответ: undefined e b e

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const obj = {
count: 0,
increment() {
this.count++;
},
getCount() {
return (() => this.count)();
}
};

obj.increment();
obj.increment();

console.log(obj.getCount());

Ответ: 2

JavaScript test | ChatGPT | #JavaScript
Группировка данных с помощью reduce

Метод reduce применяется для агрегации значений в массиве. В этом примере, мы используем reduce для вычисления суммы чисел.

JavaScript test | ChatGPT | #JavaScript
Работа с Resize Observer для отслеживания изменений размеров элементов

Resize Observer позволяет отслеживать изменения размеров элементов и реагировать на них в коде.

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const obj = {
data: [1, 2, 3],
getData() {
return this.data.map(x => x * 2);
}
};

const newData = obj.getData.bind({ data: [4, 5, 6] })();
console.log(newData);

Ответ: [8, 10, 12]

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const numbers = [2, 4, 6, 8, 10];
const oddIndices = numbers.filter((_, index) => index % 2 === 1);
const sum = oddIndices.reduce((acc, value) => acc + value, 0);
console.log(sum);

Ответ: 12

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const arr = [1, 2, 3, 4, 5];

function foo(arr) {
const newArr = arr.filter((item) => item % 2 === 0).map((item) => item * 2);
return newArr.reduce((acc, item) => acc + item, 0);
}

console.log(foo(arr));

Ответ: 12

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const value = 10;

const add = () => {
return {
value: 20,
getValue: function () {
return this.value;
}
};
};

const result = add().getValue();

console.log(result);

Ответ: 20

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const promise1 = Promise.resolve(5);
const promise2 = 42;
const promise3 = new Promise((resolve, reject)
=> {
setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3])
.then(values => console.log(values))

Ответ: [5, 42, 'foo']

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const numbers = [1, 2, 3, 4, 5];
const asyncSum = async () => {
let sum = 0;
for (const num of numbers) {
await new Promise(resolve =>
setTimeout(resolve, 1000));
sum += num;
}
return sum;
};

asyncSum().then(result => console.log(result));

Ответ: 15

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

function printNumbers() {
for (var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 100);
}
}

printNumbers();

Ответ: 5, 5, 5, 5, 5

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

const obj = {
value: 1,
increment() {
this.value++;
}
};

const increment = obj.increment;
increment();

console.log(obj.value);

Ответ: 1

JavaScript test | ChatGPT | #JavaScript
🌟 Добро пожаловать в "TypeScript" – твой личный тренер в мире программирования! 🌟

🔍 Что предлагаем? 🔍

- Пошаговые уроки: Открой для себя мир TypeScript с нашими детальными и понятными уроками.

- Ежедневные задачки: Поднимай свои навыки с увлекательными и сложными заданиями, которые ждут тебя каждый день.

- Инсайдерская информация:

Будь в курсе всех новостей и обновлений в мире TypeScript благодаря нашим интересным постам.

🚀 Преимущества нашего канала: 🚀

- Сообщество энтузиастов: Общайся с другими разработчиками, делись опытом и находи новые идеи.

- Экспертные советы: Получай ценные советы от профессионалов, которые уже сделали свои первые шаги в TypeScript.

- Конкурсы и награды: Участвуй в наших регулярных конкурсах и выигрывай призы, которые помогут тебе в обучении.

🎯 Цель нашего канала: 🎯

Мы стремимся сделать процесс обучения TypeScript увлекательным и эффективным, чтобы ты мог достичь новых высот в своей карьере.

👨‍💻 Не жди – начинай свой путь прямо сейчас! 👩‍💻

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

📣 Начни свое приключение в TypeScript – подпишись сейчас! 📣

https://t.me/typescript_tests
Что будет на выходе?

const obj = {
num: 10,
getValue() {
return this.num;
},
getUpdatedValue() {
return (() => this.num + 10)();
}
};

console.log(obj.getValue());
console.log(obj.getUpdatedValue());

Ответ: 10, 20

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

async function asyncChain() {
const values = [2, 3, 5, 7, 11];
const total = await values.reduce(async (acc, values) => {
const current = await acc;
return current * value;
}, Promise.resolve(1));
return total;
}

asyncChain().then(result => console.log(result));

Ответ: 2310

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

let num = 5;

function change() {
let num = 10;
return function() {
return num;
};
}

const getValue = change();
num = 20;

console.log(getValue());

Ответ: 10

JavaScript test | ChatGPT | #JavaScript
Группировка данных с помощью reduce

Метод reduce применяется для агрегации значений в массиве. В этом примере, мы используем reduce для вычисления суммы чисел.

JavaScript test | ChatGPT | #JavaScript
Работа с локальным хранилищем (localStorage)

Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы.

JavaScript test | ChatGPT | #JavaScript
Что будет на выходе?

function outer() {
var x = 1;

function inner() {
var x = 2;

function deeper() {
console.log(x);
}

return deeper;
}

return inner();
}

const fn = outer();
fn();

Ответ: 2

JavaScript test | ChatGPT | #JavaScript
Модульная организация кода

Модульная организация помогает структурировать и повторно использовать код.

JavaScript test | ChatGPT | #JavaScript
Использование JavaScript Animation API для создания анимаций и переходов на веб-странице

Animation API позволяет создавать анимации и переходы на веб-страницах с использованием JavaScript, что может улучшить пользовательский опыт и привлечь внимание к определенным элементам.

JavaScript test | ChatGPT | #JavaScript