❓Что будет на выходе?

class Rectangle {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }

  get area() {
    return this.width * this.height;
  }
}

const rectangle = new Rectangle(5, 10);
console.log(rectangle.area());

Ответ: TypeError: rectangle, area is not a function at line 13

JavaScript test | ChatGPT | #JavaScript

Работа с локализацией: перевод и форматирование текста на разных языках

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

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

В данном примере мы создаем объект Intl с помощью конструктора new Intl.NumberFormat(). Мы указываем язык и регион (в данном случае 'en-US' для английского языка в США) и опции форматирования (в данном случае стиль 'currency' и валюту 'USD').

Затем мы используем метод format() объекта Intl для форматирования числа amount в соответствии с указанными опциями. В данном примере мы форматируем число в денежный формат.

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const array = [1, 2, 3, 4, 5];
const result = array.splice(2, 2, 6, 7);

console.log(array, result);

Ответ: [1, 2, 6, 7, 5], [3, 4]

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

function* generateSequence() {
  yield 1;
  yield 2;
  return 3;
}

const generator = generateSequence();
console.log(generator.next());
console.log(generator.next());
console.log(generator.next());

Ответ: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const obj1 = { a: 1 };
const obj2 = Object.create(obj1);
obj2.b = 2;

const result = Object.entries(obj2).map(([key, value]) => key + value);

console.log(result);

Ответ: ['b2']

JavaScript test | ChatGPT | #JavaScript

Функции высшего порядка и их использование

Функции высшего порядка в JavaScript - это функции, которые могут принимать другие функции как аргументы или возвращать их как результат. Они являются мощным инструментом для абстракции и повторного использования кода. Рассмотрим пример функции высшего порядка, которая принимает функцию обратного вызова и применяет ее к каждому элементу массива

В этом примере forEach - это функция высшего порядка, которая принимает массив arr и функцию обратного вызова callback. Она итерирует по элементам массива и вызывает callback для каждого элемента.

Функция printItem представляет собой функцию обратного вызова, которая просто выводит элемент в консоль.

Затем мы создаем массив numbers и используем forEach, чтобы применить функцию printItem к каждому элементу массива. Результатом будет вывод всех элементов массива в консоль.

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

console.log('Start');

Promise.resolve().then(() => console.log('Promise'));

function foo(n) {
  if (n === 0) {
    console.log('End');
    return;
  }
  console.log('Function call');
  foo(n - 1);
}

setTimeout(() => foo(3), 0);

Ответ: Start, Promise, Function call (3 times), End

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const array = [1, 2, 3, 4, 5];
const result = array.find(n => n > 3) ? array.every(n => n < 6) : array.some(n => n > 4);

console.log(result);

Ответ: true

JavaScript test | ChatGPT | #JavaScript

Рекурсия и оптимизация рекурсивных функций

В первой части кода есть простая рекурсивная функция factorial, которая вычисляет факториал числа n. Она вызывает себя с аргументом n - 1, пока n не станет меньше или равно 1.

Во второй части кода представлена оптимизированная версия функции factorialMemoized, которая использует мемоизацию. Мемоизация - это техника, при которой результаты предыдущих вызовов функции сохраняются в памяти и возвращаются в случае повторного вызова с теми же аргументами. В данном случае, мы используем объект memo для хранения результатов предыдущих вызовов factorialMemoized. Если результат уже вычислен для конкретного n, мы возвращаем его из memo, иначе вычисляем и сохраняем в memo.

Таким образом, оптимизированная версия factorialMemoized более эффективна при вычислении факториала для больших чисел, так как избегает переполнения стека вызовов, и вычисляет результаты только один раз для каждого n.

JavaScript test | ChatGPT | #JavaScript

Сортировка массивов объекта

В этом примере мы создаем массив объектов people, содержащий информацию о людях, и затем используем метод sort() для сортировки массива по возрасту в порядке возрастания, используя функцию sortByAgeAscending в качестве функции сравнения. Вы можете создать аналогичную функцию для сортировки в порядке убывания или для сортировки по другим полям объектов. Сортировка массивов объектов полезна при отображении данных в определенном порядке, например, в таблицах или списках.

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

function* generator() {
  yield 'a';
  yield* 'bcd';
  yield 'e';
}

const gen = generator();
console.log([...gen]);

Ответ: ["a", "b", "c", "d", "e"]

JavaScript test | ChatGPT | #JavaScript

Использование sessionStorage для хранения данных на стороне клиента во время сессии

sessionStorage предоставляет временное хранилище данных, доступное только в течение текущей сессии браузера.

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

let obj = { key: ‘value' };
const weakMap = new WeakMap( );

weakMap.set(obj, 'WeakMap Value');
let objClone = { ...obj };
console. log(weakMap.get(objClone) );

Ответ: undefined

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const arr = [1, 2, 4];
arr.splice(1, 2);
console.log(arr);

Ответ: [1]

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const array = [1, 2, [3, 4, [5, 6]]];
const result = array.flat(2).map(n => n * 2);

console.log(result);

Ответ: [2, 4, 6, 8, 10, 12]

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const value = 0.1 + 0.2;
console.log(value === 0.3);

Ответ: false

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const array = [1, 2, [3, 4, [5, 6]]];
const result = array.flat(2).map(n => n * 2);

console.log(result);

Ответ: 2, 4, 6, 8, 10, 12

JavaScript test | ChatGPT | #JavaScript

Использование Web Workers для многозадачности в веб-приложениях

Web Workers позволяют выполнять многозадачность в веб-приложениях, разделяя выполнение задач между основным потоком и фоновыми воркерами.

JavaScript test | ChatGPT | #JavaScript

Использование sessionStorage для хранения данных на стороне клиента во время сессии

sessionStorage предоставляет временное хранилище данных, доступное только в течение текущей сессии браузера.

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

function greet() {
     console.log('Hello, World!');
}
console.log(typeof greet);
console.log(typeof greet());

Ответ: function, Hello, World!, undefined

JavaScript test | ChatGPT | #JavaScript

❓Что будет на выходе?

const array = [1, 2, 3, 4, 5];
const [first, ...rest] = array;

const modified = rest.map((n, i) => i % 2 === 0 ? n * 2 : n);

console.log(first, modified);

Ответ: 1, [4, 3, 8, 5]

JavaScript test | ChatGPT | #JavaScript