Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет

Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами.

И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную.

Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы.

Подписывайтесь, нас уже 59 тысяч: @vibecoding_tg

❗️Что будет на выходе:

const wm = new WeakMap();
let obj1 = { name: 'John' };
let obj2 = { name: 'Jane' };

wm.set(obj1, 'developer');
wm.set(obj2, 'designer');

console.log(wm.get(obj1));
console.log(wm.has(obj2));

obj1 = null;
console.log(wm.get(obj1));

const normalObj = {};
try {
  wm.set('string', 'value');
} catch (e) {
  console.log('error');

}

Ответ: developer true undefined error


JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

const cache = new Map();

function createHandler(id) {
  const data = { id, value: new Array(1000).fill(id) };
  cache.set(id, data);
  
  return function(action) {
    if (action === 'get') return data;
    if (action === 'clear') cache.delete(id);
  };
}

const handler1 = createHandler('user-1');
const handler2 = createHandler('user-2');

handler1('clear');
console.log(cache.size);
console.log(handler1('get').id);

Ответ: 1, user-1

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

const obj = {
  data: ['x', 'y', 'z'],
  *[Symbol.iterator]() {
    for (let i = this.data.length - 1; i >= 0; i--) {
      yield this.data[i].toUpperCase();
    }
  }
};

const result = [];
for (const item of obj) {
  result.push(item);
  if (result.length === 2) break;
}

console.log(result.join('-'));

Ответ: Z-Y

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

async function processData() {
  const promise1 = Promise.resolve('first');
  const promise2 = Promise.reject('error');
  const promise3 = Promise.resolve('third');
  
  try {
    const result = await Promise.allSettled([promise1, promise2, promise3]);
    console.log(result[0].status);
    console.log(result[1].reason);
    console.log(result[2].value);
  } catch (error) {
    console.log('caught:', error);
  }
}

processData();

Ответ: fulfilled error third

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

function Vehicle(wheels) {
  this.wheels = wheels;
}

Vehicle.prototype.getWheels = function() {
  return this.wheels;
};

function Car() {
  Vehicle.call(this, 4);
  this.doors = 4;
}

Car.prototype = Object.create(Vehicle.prototype);
Car.prototype.constructor = Car;

const myCar = new Car();
console.log(myCar.getWheels(), myCar instanceof Vehicle);

Ответ: 4 true

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

function foo() {
   return typeof arguments;
};
console.log(foo(1, 2, 3));

Ответ: object


JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

let symbol1 = Symbol('description');
let symbol2 = Symbol('description');

const obj = {
  [symbol1]: 'value1',
  [symbol2]: 'value2'
};

console.log(obj[symbol1]);
console.log(symbol1 === symbol2);

Ответ:
'value1' false

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

class Calculator {
  constructor(value) {
    this.value = value;
  }
  
  add(num) {
    this.value += num;
    return this;
  }
  
  multiply(num) {
    this.value *= num;
    return this;
  }
}

const calc = new Calculator(5);
const addMethod = calc.add;
const result = addMethod.call(calc, 3).multiply(2);
console.log(result.value);

Ответ: 16

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

function createCounter() {
  let count = 0;
  return {
    increment: () => ++count,
    decrement: () => --count,
    get: () => count
  };
}

const counter1 = createCounter();
const counter2 = createCounter();
counter1.increment();
counter1.increment();
counter2.increment();
console.log(counter1.get(), counter2.get());
const { increment, get } = counter1;
increment();
console.log(get());

Ответ:
2 1 3

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

const firstArrayData = [ 'JavaScript', 'Universe' ];
const secondArrayData = [ 'JavaScript', 'Universe' ];

console.log(firstArrayData == secondArrayData);
console.log(firstArrayData === secondArrayData);

Ответ: false, false

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

class LightMachine {
  constructor() {
    this.states = {
      green: { next: 'yellow' },
      yellow: { next: 'red' },
      red: { next: 'green' }
    };
    this.currentState = 'green';
  }

  transition() {
    this.currentState = this.states[this.currentState].next;
    return this.currentState;
  }
}

const lightMachine = new LightMachine();
let result = '';
for (let i = 0; i < 5; i++) {
  result += lightMachine.transition() + ' ';
}
console.log(result.trim());

Ответ: yellow red green yellow red


JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

const data = { a: 1, b: 2, c: 3 };
const { a, ...rest } = data;
const newObj = { ...rest, a, d: 4 };

const arr = [1, 2, 3, 4, 5];
const [first, , third, ...remaining] = arr;
const result = [...remaining, third, first];

console.log(newObj);
console.log(result);

Ответ: { b: 2, c: 3, a: 1, d: 4 } [4, 5, 3, 1]

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

async function fetchData() {
  console.log('1');
  return Promise.resolve('data');
}

async function processData() {
  console.log('2');
  const result = await fetchData();
  console.log('3');
  return result;
}

console.log('4');
processData().then(() => console.log('5'));
console.log('6');

Ответ: 4 2 1 6 3 5


JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

function createCounter() {
  let count = 0;
  return {
    increment: () => ++count,
    decrement: () => --count,
    getValue: () => count
  };
}

const counter1 = createCounter();
const counter2 = createCounter();
counter1.increment();
counter1.increment();
counter2.increment();
console.log(counter1.getValue(), counter2.getValue());
counter1.decrement();
console.log(counter1.getValue(), counter2.getValue());

Ответ: 2 1 1 1

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

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 | #JavaScript & Max

❗️Что будет на выходе:

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

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

const result = objs.filter(obj => weakMap.has(obj)).map(obj => weakMap.get(obj) * 2);

console.log(result);

Ответ: [2, 4, 6]


JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

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 | #JavaScript & Max

❗️Что будет на выходе:

const obj1 = { a: 1, b: { c: 2 } };
const obj2 = { ...obj1 };
const obj3 = obj1;

obj2.a = 10;
obj2.b.c = 20;
obj3.b.c = 30;

console.log(obj1.a);
console.log(obj1.b.c);
console.log(obj2.a);
console.log(obj2.b.c);
console.log(obj3.a);
console.log(obj3.b.c);

Ответ: 1 30 10 30 1 30

JavaScript test | #JavaScript & Max

❗️Что будет на выходе:

const target = { name: 'Maya', age: 25 };
const handler = {
  get(obj, prop) {
    if (prop in obj) {
      return obj[prop];
    }
    return `Property '${prop}' not found`;
  },
  set(obj, prop, value) {
    if (typeof value === 'string') {
      obj[prop] = value.toUpperCase();
    } else {
      obj[prop] = value;
    }
    return true;
  }
};
const proxy = new Proxy(target, handler);
proxy.city = 'tokyo';
console.log(proxy.name);
console.log(proxy.city);
console.log(proxy.country);

Ответ: Maya TOKYO Property 'country' not found


JavaScript test | #JavaScript & Max