Использование JavaScript IndexedDB для хранения больших объемов структурированных данных на клиенте

IndexedDB предоставляет возможность веб-приложениям сохранять и манипулировать большими объемами структурированных данных на стороне клиента.

JavaScript test | ChatGPT | #JavaScript

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

function* infiniteGenerator() {
  let i = 0;
  while (true) {
    yield i++;
  }
}

const weakMap = new WeakMap();
const gen = infiniteGenerator();

weakMap.set(gen, gen.next().value);

const result = weakMap.get(gen) + gen.next().value;

console.log(result);

Ответ: 1

JavaScript test | ChatGPT | #JavaScript

Использование JavaScript FormData для отправки формы с помощью AJAX

FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.

JavaScript test | ChatGPT | #JavaScript

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

console.log(0 / 0);

Ответ: NaN

JavaScript test | ChatGPT | #JavaScript

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

const weakMap = new WeakMap();
let obj = { name: 'initial' };

function changeName(obj) {
  weakMap.set(obj, obj.name);
  obj.name = 'changed';
}

changeName(obj);

console.log(weakMap.get(obj));

Ответ: "initial"

JavaScript test | ChatGPT | #JavaScript

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

const weakMap = new WeakMap();
const arr = [1, 2, 3, 4];
const objs = arr.map(n => ({ n }));

objs.forEach((obj, index) => weakMap.set(obj, arr.slice(0, index + 1)));

const result = objs.map(obj => weakMap.get(obj).reduce((acc, num) => acc + num, 0));

console.log(result);

Ответ: [1, 3, 6, 10]

JavaScript test | ChatGPT | #JavaScript

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

function foo(obj) {
   obj = { x: 2 };
};

let a = { x: 1 };
foo(a);

console.log(a.x);

Ответ: 1

JavaScript test | ChatGPT | #JavaScript

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

const array = [a => a * 1, b => b * 2, c => c * 3];
const res = array.reduce((acc, fn) => acc += fn(2), 0);
console.log(res);

Ответ: 12

JavaScript test | ChatGPT | #JavaScript

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

const weakMap = new WeakMap();
const arr = [{}, {}, {}];

arr.forEach((obj, index) => weakMap.set(obj, index));

arr.splice(1, 1); // Remove the second element

const result = arr.map(obj => weakMap.get(obj));

console.log(result);

Ответ: [0, 2]

JavaScript test | ChatGPT | #JavaScript

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

const a = [1,2,3];
const b = a.reverse();
const c = b.reverse();

console.log(a === b, b === c, a === c);

Ответ: true, true, true

JavaScript test | ChatGPT | #JavaScript

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

const arr = [];
arr.length = 3;
arr[2] = 1;
arr.forEach((el, i) => console.log(i))

Ответ: 2

JavaScript test | ChatGPT | #JavaScript

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

const wMap = new WeakMap();

function foo() {
   wMap.set(this, 1);
};
const bar = () => wMap.set(this, 2);

bar();
foo();

console.log(wMap.get(this));

Ответ: 1

JavaScript test | ChatGPT | #JavaScript

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

const a = { valueOf: function() { return this.x }, x: 1
};
const b = { valueOf: function() { return this.y }, y: 1
};
console.log(a + b);

Ответ: 2

JavaScript test | ChatGPT | #JavaScript

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

const arr = [1,2,3];
arr[Symbol.iterator] = function*() { yield *[3,2,1]; };

for (const n of arr) {
   console.log(n);
}

Ответ: 3, 2, 1

JavaScript test | ChatGPT | #JavaScript

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

const obj = {
  outer: 1,
  inner: {
    outer: 10,
    inner: 20
  }
};

let result = 0;

with (obj) {
  result += outer;
  with (inner) {
    result += outer + inner;
  }
}

console.log(result);

Ответ: 31

JavaScript test | ChatGPT | #JavaScript

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

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

JavaScript test | ChatGPT | #JavaScript

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

const numbers = [0,0,0];

let i = 0;
const result = numbers.reduce((acc, _) => {
  return ++acc;
}, i);

console.log(i, result);

Ответ: 0 3

JavaScript test | ChatGPT | #JavaScript

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

function createCounter() {
  let count = 0;
  return {
    increment() {
      count++;
      return count;
    },
    getCount() {
      return count;
    }
  };
}

const counter = createCounter();

console.log(counter.increment());
console.log(counter.getCount());
console.log(counter.increment());
console.log(counter.getCount());

Ответ: 1, 1, 2, 2

JavaScript test | ChatGPT | #JavaScript

Использование JavaScript FileReader API для чтения файлов на стороне клиента

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

JavaScript test | ChatGPT | #JavaScript

Работа с Promise

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

JavaScript test | ChatGPT | #JavaScript

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

const obj = {
  a: 1,
  b: 2,
  getSum() {
    return this.a + this.b;
  }
};

const cloneObj = { ...obj, getSum() { return this.b + this.a; } };

console.log(obj.getSum());
console.log(cloneObj.getSum());

Ответ: 3 3

JavaScript test | ChatGPT | #JavaScript