JavaScript test

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

const secret = 'hidden';
function revealSecret() {
  const secret = 'revealed';
  const obj = { secret: 'object secret' };
  with (obj) {
    return () => secret;
  }
}

const mySecret = revealSecret()();
console.log(mySecret);

Ответ: object secret

JavaScript test | #JavaScript

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

console.log('Start');

setTimeout(() => console.log('Timeout 1'), 0);

setTimeout(() => console.log('Timeout 2'), 0);

console.log('End');

Ответ: "Start" "End" "Timeout 1" "Timeout 2"

JavaScript test | #JavaScript

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

console.log('1');

setTimeout(() => console.log('2'), 0);

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

queueMicrotask(() => console.log('4'));

setTimeout(() => console.log('5'), 0);

Promise.resolve().then(() => {
  console.log('6');
  return Promise.resolve();
}).then(() => console.log('7'));

console.log('8');

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

JavaScript test | #JavaScript

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

console.log(1);

setTimeout(() => {
  console.log(2);
}, 100);

setTimeout(() => {
  console.log(3);
}, 0);

Promise.resolve().then(() => {
  console.log(4);
}).then(() => {
  console.log(5);
});

console.log(6);

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

JavaScript test | #JavaScript

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

const person = { name: 'John', age: 30 };
const { name, ...rest } = person;
console.log(rest);

Ответ: { age: 30 }

JavaScript test | #JavaScript

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

function* generator1() {
  yield 1;
  yield 2;
}

function* generator2() {
  yield* generator1();
  yield 3;
}

const gen = generator2();
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next().value);

Ответ: 1, 2, 3

JavaScript test | #JavaScript

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

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

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

class EventManager {
  constructor() {
    this.listeners = new Map();
  }
  
  addListener(event, callback) {
    if (!this.listeners.has(event)) {
      this.listeners.set(event, new Set());
    }
    this.listeners.get(event).add(callback);
  }
  
  removeListener(event, callback) {
    this.listeners.get(event)?.delete(callback);
  }
}

const manager = new EventManager();
const handler = () => console.log('handled');
manager.addListener('click', handler);
manager.removeListener('click', () => console.log('handled'));
console.log(manager.listeners.get('click').size);

Ответ: 1

JavaScript test | #JavaScript

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

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

console.log(result);

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

JavaScript test | #JavaScript

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

function Foo() {
  this.bar = 1;
}

Foo.prototype.bar = 2;

const foo = new Foo();
console.log(foo.bar);

Ответ: 1

JavaScript test | #JavaScript

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

const a = document.createElement("a");
a.id = "test1";
a.href = "test2";
document.body.appendChild(a);
console.log(window.test1);

Ответ: http://.../test2

JavaScript test | #JavaScript

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

function processData() {
  try {
    console.log('start');
    throw new Error('oops');
    console.log('after throw');
  } catch (e) {
    console.log('catch');
    return 'caught';
  } finally {
    console.log('finally');
  }
  console.log('end');
}

const result = processData();
console.log(result);

Ответ: start cat h finally caught

JavaScript test | #JavaScript

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

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

Ответ: object

JavaScript test | #JavaScript

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

console.log(MyClass);
class MyClass {
  constructor() {
    this.value = 42;
  }
}

Ответ: Error

JavaScript test | #JavaScript

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

const obj = {
  name: 'Sarah',
  getName() { return this.name; },
  getNameArrow: () => this.name
};

const { getName, getNameArrow } = obj;
const boundGetName = obj.getName.bind(obj);

console.log(getName());
console.log(getNameArrow());
console.log(boundGetName());
console.log(obj.getName());
console.log(obj.getNameArrow());

Ответ: undefined undefined Sarah Sarah undefined

JavaScript test | #JavaScript

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

let a = 1;
setTimeout(() => {
   a = 2;
}, 0);
console.log(a);

Ответ: 1

JavaScript test | #JavaScript

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

var str="abcde";
for (var i=0;i<str.length;i++){
  console.log(str.charAt(i),str.charCodeAt(i));
}

Ответ:
a 97
b 98
c 99
d 100
e 101

JavaScript test | #JavaScript

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

const userInput = "<script>alert('xss')</script>";
const sanitized = userInput.replace(/<script[^>]*>.*?<\/script>/gi, '');

const users = new Map();
users.set('admin', { password: 'secret123', role: 'admin' });
users.set('guest', { password: 'guest', role: 'user' });

function authenticate(username, password) {
  const user = users.get(username);
  return user && user.password === password ? user.role : null;
}

const role1 = authenticate('admin', 'secret123');
const role2 = authenticate('guest', 'wrong');
const role3 = authenticate('hacker', 'secret123');

console.log(sanitized);
console.log(role1, role2, role3);

Ответ: admin null null

JavaScript test | #JavaScript

Россияне массово переходят на новый способ заработка – арбитраж криптовалют

Арбитраж – это единственная сфера, где можно зарабатывать от 5.000р в день. Причем потолка дохода вообще нет – те кто еще вчера не знал, что такое арбитраж, сегодня выходят на 200, 300 и даже 500 тысяч в месяц.

Чтобы войти в эту нишу, пока она не перегрелась, пользуйтесь инструкциями с канала Арбитраж Криптовалют.

Он идеально подходит людям, которые ничего не знают про заработок в интернете, но при этом хотят выйти на доход в $1000-2000.

Без вложений. Без серых схем и прочего барахла.

Успейте присоединиться, начать никогда не поздно: 👉 @arbcrypto

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

class StateMachine {
  constructor() {
    this.state = 'idle';
    this.transitions = {
      idle: { start: 'running' },
      running: { pause: 'paused', stop: 'idle' },
      paused: { resume: 'running', stop: 'idle' }
    };
  }
  
  transition(action) {
    const validTransitions = this.transitions[this.state];
    if (validTransitions && validTransitions[action]) {
      this.state = validTransitions[action];
      return true;
    }
    return false;
  }
}

const machine = new StateMachine();
console.log(machine.transition('pause'));
console.log(machine.state);
console.log(machine.transition('start'));
console.log(machine.state);

Ответ: false idle true running

JavaScript test | #JavaScript