JavaScript test

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

type User = {
  id: number;
  name: string;
  email?: string;
};

function processUser<T extends User>(user: T): T & { processed: boolean } {
  return { ...user, processed: true };
}

const partialUser = { id: 1, name: 'Alice' };
const result = processUser(partialUser);

console.log(typeof result.email);

Ответ: undefined

JavaScript test | #JavaScript

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

const value = { number: 100 };
function increment(obj) {
  obj.number++;
}
increment(value);
console.log(value.number);

Ответ: 101

JavaScript test | #JavaScript

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

function processUserData(data) {
  const settings = {
    theme: data.preferences?.theme ?? 'light',
    notifications: data.preferences?.notifications ?? true,
    fontSize: data.preferences?.fontSize ?? 16
  };
  
  let status = data.status ?? 'active';
  let reputation = data.reputation ?? 0;
  
  console.log(reputation || 'No reputation yet');
  return settings;
}

processUserData({ status: '', reputation: 0 });

Ответ: No reputation yet

JavaScript test | #JavaScript

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

function Car(make) {
  this.make = make;
}

function Truck(make) {
  this.make = make;
}

const car = new Car('Toyota');
const truck = new Truck('Toyota');
var newCar = car;

console.log(car.__proto__ === truck.__proto__);
console.log(car.constructor === truck.constructor);
console.log(car instanceof Truck);
console.log(truck instanceof Car);
console.log(Truck.prototype.isPrototypeOf(car));
console.log(Car.prototype.isPrototypeOf(truck));
console.log(truck === car);
console.log(newCar === car);

Ответ: false
false
false
false
false
false
false
true

JavaScript test | #JavaScript

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

function processConfig(config) {
  const defaultPort = 8080;
  const defaultTimeout = 5000;
  
  const port = config?.port ?? defaultPort;
  const timeout = config?.timeout ?? defaultTimeout;
  const debug = config?.debug ?? false;
  
  return { 
    summary: `Port: ${port}, Timeout: ${timeout}, Debug: ${debug ? 'enabled' : 'disabled'}`,
    isUsingDefaults: port === defaultPort && timeout === defaultTimeout
  };
}

const result = processConfig({ port: 0, timeout: null });
console.log(result.summary);

Ответ: Port: 0, Timeout: 5000, Debug: disabled

JavaScript test | #JavaScript

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

function recursiveBinarySearch(arr, target, start = 0, end = arr.length - 1) {
  if (start > end) {
    return -1;
  }

  const mid = Math.floor((start + end) / 2);

  if (arr[mid] === target) {
    return mid;
  } else if (arr[mid] < target) {
    return recursiveBinarySearch(arr, target, mid + 1, end);
  } else {
    return recursiveBinarySearch(arr, target, start, mid - 1);
  }
}

const result = recursiveBinarySearch([[[1, 2, 3, 4, 5, [6, 7], 8], 9], 6]);

console.log(result);

Ответ: -1

JavaScript test | #JavaScript

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

for (var i = 0; i < 3; i++) {
  const log = () => {
    console.log(i)
  }
  setTimeout(log, 1)
}

Ответ: 6
3
3
3

JavaScript test | #JavaScript

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

const counter = (() => {
  let count = 0;
  
  return {
    increment() {
      count += 1;
      return this;
    },
    reset() {
      count = 0;
      return this;
    },
    get value() {
      return count;
    }
  };
})();

const { increment, value } = counter;

increment();
counter.increment();

console.log(value);

Ответ: 0

JavaScript test | #JavaScript

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

const weakMap = new WeakMap();
const obj = {};
const gen = (function* () {
  yield 'value1';
  yield 'value2';
  yield* ['value1', 'value2']
})();

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

console.log(weakMap.get(obj));
console.log(gen.next().value);
console.log(gen.next().value);

Ответ: 'value1'
'value2'
'value1'

JavaScript test | #JavaScript

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

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

const counter1 = createCounter();
const counter2 = createCounter();

counter1();
counter1();
counter2();

const result = counter1() + counter2();
console.log(result);

Ответ: 5

JavaScript test | #JavaScript

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

function* generator() {
  yield 1;
  yield* [2, 3];
  yield* '4';
}

const gen = generator();
for (const value of gen) {
  console.log(value);
}

Ответ: 1
2
3
'4'

JavaScript test | #JavaScript

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

const obj = {
  [Symbol('a')]: 'hidden',
  [Symbol.for('b')]: 'registered',
  c: 'normal'
};

const symbols = Object.getOwnPropertySymbols(obj);
const keys = Object.keys(obj);
const allProps = Reflect.ownKeys(obj);

console.log(symbols.length, keys.length, allProps.length);

Ответ: 2 1 3

JavaScript test | #JavaScript

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

console.log(typeof null);
console.log(typeof function () {});
console.log(typeof {});
console.log(typeof 1);
console.log(typeof '');
console.log(typeof true);
console.log(typeof '{}');

Ответ: 'object'
'function'
'object'
'number'
'string'
'boolean'
'string'

JavaScript test | #JavaScript

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

function delayedLog(item) {
  setTimeout(() => {
    console.log(item);
  }, 1000);
}
for (var i = 0; i < 3; i++) {
  delayedLog(i);
}

Ответ: 0 1 2

JavaScript test | #JavaScript

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

const p1 = Promise.resolve(1);
const p2 = new Promise(resolve => resolve(2));
const p3 = new Promise(resolve => setTimeout(() => resolve(3), 0));
const p4 = Promise.reject(4).catch(err => err);

Promise.all([p1, p2, p3, p4])
  .then(values => {
    const result = values.reduce((acc, val) => {
      return acc + val;
    }, 0);
    console.log(result);
  })
  .catch(err => console.log('Error:', err));

Ответ: 10

JavaScript test | #JavaScript

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

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

console.log(result);

Ответ: [ 3, 6, 9, 12, 15, 18 ]

JavaScript test | #JavaScript

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

const weakMap = new WeakMap();
const array = [{}, {}, {}, [], {"s": 1}];

array.forEach(obj => weakMap.set(obj, obj));
const result = array.map(obj => weakMap.get(obj) == obj);

console.log(result);

Ответ: [ true, true, true, true, true ]

JavaScript test | #JavaScript

Мои коллеги из Яндекса создали сильнейшие IT каналы 🔥

Наше кредо — программирование не сложно, просто никто не объяснял нормально.

🐍 Ghostly Python - Разбираем код, автоматизируем рутину, пишем ботов, скрипты и полезные утилиты. Все что нужно для уверенного старта в программировании на Python.

☕️ Easy Java - вскрываем Java изнутри. Все тонкости этого универсального языка в одном канале, врывайся!

😎 IT Syndicate - гигабайты свежего материала по всем направлениям. GameDev, InfoSec, Frontend - и это лишь малая часть..

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

function getCity(person) {
  return person?.address?.city ?? 'Unknown';
}

const data = [
  null,
  { name: 'Alice' },
  { name: 'Bob', address: null },
  { name: 'Charlie', address: { street: '123 Main' } },
  { name: 'David', address: { city: 'Boston' } }
];

const cities = data.map(getCity);
console.log(cities);

Ответ: ['Unknown', 'Unknown', 'Unknown', 'Unknown', 'Boston']

JavaScript test | #JavaScript

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

function getArr() {
  return Array.from(arguments);
}

var data = [4, 5, 6];

const result = getArr(...[1, 2, 3], ...data);

console.log(result);

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

JavaScript test | #JavaScript