JavaScript test

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

function highlight(strings, ...values) {
  return strings.reduce((result, str, i) => {
    const value = values[i] ? `<span>${values[i]}</span>` : '';
    return result + str + value;
  }, '');
}

const language = 'JavaScript';
const years = 10;

const result = highlight`I have been coding in ${language} for ${years} years`;
console.log(result);

Ответ: I have been coding in <span>JavaScript</span> for <span>10</span> years


JavaScript test | #JavaScript & Max

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

function* rangeGenerator(start, end, step = 1) {
  let current = start;
  while (current <= end) {
    yield current;
    current += step;
  }
}

const numbers = rangeGenerator(1, 10, 2);

numbers.next();
numbers.next();

const values = [...numbers];
console.log(values);

Ответ: [5, 7, 9]

JavaScript test | #JavaScript & Max

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

function process(data) {
  try {
    if (!data) {
      throw new TypeError('No data provided');
    }
    
    if (Array.isArray(data)) {
      return data.map(item => item * 2);
    }
    
    if (typeof data === 'object') {
      return Object.keys(data);
    }
    
    return data.toString();
  } catch (error) {
    if (error instanceof TypeError) {
      return 'Type error occurred';
    }
    return 'Unknown error';
  }
}

console.log(process(null));

Ответ: Type error occured


JavaScript test | #JavaScript & Max

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

const handler = {
  get(target, prop) {
    if (prop in target) {
      return target[prop] * 2;
    } else {
      return `Property ${prop} not found`;
    }
  },
  set(target, prop, value) {
    if (typeof value === 'number') {
      target[prop] = Math.round(value);
      return true;
    }
    return false;
  }
};

const obj = { a: 5, b: 10 };
const proxy = new Proxy(obj, handler);

proxy.c = 7.8;
proxy.d = "hello";

console.log(obj.c, proxy.a, proxy.x);

Ответ: 8 10 Property x not found

JavaScript test | #JavaScript & Max

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

function outer() {
  console.log(innerVar);
  console.log(typeof innerFunc);
  
  var innerVar = 42;
  
  function innerFunc() {
    return innerVar;
  }
  
  let anotherVar = 100;
  console.log(typeof anotherVar);
}

outer();

Ответ: undefined 'function' 'number'

JavaScript test | #JavaScript & Max

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

function task1() {
  console.log('A');
  setTimeout(() => console.log('B'), 0);
  Promise.resolve().then(() => console.log('C'));
  Promise.resolve().then(() => setTimeout(() => console.log('D'), 0));
  Promise.resolve().then(() => console.log('E'));
  setTimeout(() => console.log('F'), 0);
  console.log('G');
}

task1();

Ответ: A G C E B F D


JavaScript test | #JavaScript & Max

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

async function processValues() {
  try {
    console.log('Start');
    const a = await Promise.resolve('First');
    console.log(a);
    const b = await Promise.reject('Error');
    console.log(b);
    return 'Done';
  } catch (err) {
    console.log(err);
    return 'Recovered';
  } finally {
    console.log('Finally');
  }
}

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

Ответ: Start First Error Finally Recovered


JavaScript test | #JavaScript & Max

Совет на ближайшие годы — изучайте ВАЙБ-КОДИНГ

ИИ уже пишет код, чинит баги, генерирует тесты, документацию и помогает запускать продукты быстрее, чем это делали классические команды разработки. И это уже не "будущее когда-нибудь", а реальность, которая меняет рынок уже сегодня

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

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

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

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

const target = { a: 1, b: 2 };
const handler = {
  get(obj, prop) {
    return prop in obj ? obj[prop] * 2 : 'not found';
  },
  set(obj, prop, value) {
    if (typeof value !== 'number') {
      return false;
    }
    obj[prop] = value + 10;
    return true;
  }
};

const proxy = new Proxy(target, handler);
proxy.c = '5';
proxy.d = 5;

console.log(JSON.stringify({
  a: proxy.a,
  b: proxy.b,
  c: proxy.c,
  d: target.d,
  hasC: Reflect.has(target, 'c')
}));

Ответ: {"a": 2, "b": 4, "c": "not found", "d": 15, "hasC": false}

JavaScript test | #JavaScript & Max

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

function highlight(strings, ...values) {
  return strings.reduce((result, str, i) => {
    const value = values[i] ? `<span>${values[i]}</span>` : '';
    return result + str + value;
  }, '');
}

const language = 'JavaScript';
const years = 10;

const result = highlight`I have been coding in ${language} for ${years} years`;
console.log(result);

Ответ: I have been coding in <span>JavaScript</span> for <span>10</span> years


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

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

const weakMap = new WeakMap();
const obj1 = {};
const obj2 = { key: 'value' };

weakMap.set(obj1, obj2);

const result = weakMap.get(obj1).key.split('').reverse().join('');

console.log(result);

Ответ: "eulav"


JavaScript test | #JavaScript & Max

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

class ShoppingCart {
  constructor() {
    if (ShoppingCart.instance) {
      return ShoppingCart.instance;
    }
    
    this.items = [];
    ShoppingCart.instance = this;
  }
  
  addItem(item) {
    this.items.push(item);
  }
  
  getItems() {
    return [...this.items];
  }
}

const cart1 = new ShoppingCart();
const cart2 = new ShoppingCart();

cart1.addItem('Book');
cart2.addItem('Laptop');

console.log(cart1.getItems());

Ответ: ['Book', 'Laptop']

JavaScript test | #JavaScript & Max

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

const obj = {
   x: 10,
   foo() {
      setTimeout(function() {
         console.log(this.x);
      }, 1000);
   }
};
obj.foo();

Ответ: undefined


JavaScript test | #JavaScript & Max

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

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

const counter = createCounter();
counter.increment();
counter.increment();
counter.decrement();

console.log(counter.value() + counter.increment());

Ответ: 3

JavaScript test | #JavaScript

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

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(n => n % 2 === 0)
  .map(n => n * 2)
  .reduce((acc, curr, idx, arr) => {
    if (idx === arr.length - 1) {
      return (acc + curr) / arr.length;
    }
    return acc + curr;
  }, 0);

console.log(result);

Ответ: 12

JavaScript test | #JavaScript & Max

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

const array = [1, 2, 3];
array[-1] = 0;

console.log(array.length);

Ответ: 3

JavaScript test | #JavaScript & Max

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

const numbers = [0,0,0];

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

console.log(i, result);

Ответ: 0 3


JavaScript test | #JavaScript & Max

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

const obj = { name: 'Alice', age: 30 };  
const handler = {
  get(target, prop) {
    return prop in target ? target[prop] : `Property '${prop}' doesn't exist`;
  }
};

const proxy = new Proxy(obj, handler);

const descriptors = Object.getOwnPropertyDescriptors(obj);
Reflect.defineProperty(obj, 'city', {
  value: 'New York',
  enumerable: false
});

console.log(proxy.city, proxy.country);

Ответ: New York Property 'country' doesn't exist

JavaScript test | #JavaScript & Max

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

let x = 5;
let result = typeof (x + "10");

console.log(result);

Ответ: string

JavaScript test | #JavaScript & Max