const person = {
  name: "John",
  greet: function() {
    const getMessage = () => `Hello, ${this.name}`;
    return getMessage();
  }
};

console.log(person.greet());

const arr = new Array(1000000).fill(0).map((_, i) => i);
const results = [];

function method1() {
  return arr.filter(x => x % 2 === 0).map(x => x * 2).slice(0, 3);
}

function method2() {
  const result = [];
  for (let i = 0; i < arr.length && result.length < 3; i++) {
    if (arr[i] % 2 === 0) {
      result.push(arr[i] * 2);
    }
  }
  return result;
}

console.log(method1().join(','));
console.log(method2().join(','));

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);

const words = ['a', 'b', 'c'];
const result = words.concat(1, 2, 3);
console.log(result);

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

const a = { value: 1 };
const b = Object.create(a);
b.value = 2;

console.log(b.value);
console.log(a.value);

const obj = { a: 1, b: { c: 2 } };
const frozen = Object.freeze(obj);
frozen.a = 99;
frozen.b.c = 88;
frozen.d = 77;

const sealed = Object.seal({ x: 10, y: 20 });
sealed.x = 30;
sealed.z = 40;
delete sealed.y;

console.log(obj.a, obj.b.c, obj.d);
console.log(sealed.x, sealed.y, sealed.z);

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);

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);

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

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

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());

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

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

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);

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

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

Foo.prototype.bar = 2;

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

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

console.log(result);

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);

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);