class Calculator {
  static multiply(a, b) {
    return a * b;
  }
  
  static add = (a, b) => {
    return a + b;
  }
}

class ScientificCalculator extends Calculator {
  static multiply(a, b) {
    return super.multiply(a, b) * 2;
  }
}

console.log(Calculator.multiply(3, 4));
console.log(ScientificCalculator.add(5, 6));
console.log(ScientificCalculator.multiply(2, 3));

async function fetchData() {
  return 'Data loaded';
}

async function processData() {
  console.log('Starting...');
  try {
    const result = fetchData();
    console.log(result);
    console.log(await result);
    return 'Processing complete';
  } catch (error) {
    return 'Error occurred';
  } finally {
    console.log('Cleanup');
  }
}

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

var foo = {};
var bar = Object.create(foo);

foo.a = 1;

console.log(bar.a);

class Observable {
  constructor(subscriber) {
    this.subscriber = subscriber;
  }
  
  subscribe(observer) {
    return this.subscriber(observer);
  }
  
  map(fn) {
    return new Observable(observer => {
      return this.subscribe({
        next: value => observer.next(fn(value)),
        error: err => observer.error(err),
        complete: () => observer.complete()
      });
    });
  }
}

const source = new Observable(observer => {
  observer.next(1);
  observer.next(2);
  observer.complete();
});

const doubled = source.map(x => x * 2);
doubled.subscribe({
  next: value => console.log(value),
  complete: () => console.log('done')
});

function* reverseGenerator(arr) {
  for (let i = arr.length - 1; i >= 0; i--) {
    yield arr[i];
  }
}

const result = [...reverseGenerator([1, 2, 3, 4, 5])].join('');

console.log(result);

const a = 9007199254740991n;
const b = BigInt(9007199254740991);
const c = 9007199254740992;
const d = BigInt(9007199254740992);

console.log(a === b);
console.log(Number(a) === c);
console.log(c === Number.MAX_SAFE_INTEGER + 1);
console.log(d > a);
console.log(typeof (a + 1n));
console.log(Number(d) === c);

let obj = { name: 'Sarah', age: 25 };
let weakMap = new WeakMap();
let map = new Map();

weakMap.set(obj, 'weak reference');
map.set(obj, 'strong reference');

console.log(weakMap.has(obj));
console.log(map.has(obj));

obj = null;

console.log(weakMap.has(null));
console.log(map.has(null));
console.log(map.size);

async function foo() {
  console.log('Start');
  await Promise.resolve().then(() => {
    console.log('Inside Promise');
  });
  console.log('End');
}

foo();
console.log('Outside');

let obj = { name: 'Sarah', age: 25 };
let weakMap = new WeakMap();
let map = new Map();

weakMap.set(obj, 'weak reference');
map.set(obj, 'strong reference');

console.log(weakMap.has(obj));
console.log(map.has(obj));

obj = null;

console.log(weakMap.has(null));
console.log(map.has(null));
console.log(map.size);

const numbers = [1, 2, 3, 4, 5];

const result = numbers
  .map(x => x * 2)
  .filter(x => x > 5)
  .reduce((acc, x) => {
    acc.push(x.toString());
    return acc;
  }, [])
  .map(x => x + '!')
  .join(' | ');

console.log(result);
console.log(typeof result);

const data = '{"name": "Maria", "age": 25, "skills": ["JavaScript", "Python"]}';

try {
  const parsed = JSON.parse(data);
  const modified = {
    ...parsed,
    age: parsed.age + 5,
    skills: [...parsed.skills, "TypeScript"]
  };
  
  const serialized = JSON.stringify(modified, null, 0);
  const reparsed = JSON.parse(serialized);
  
  console.log(reparsed.skills.length);
  console.log(typeof reparsed.age);
} catch (error) {
  console.log('Parse error');
}

const obj = {};
let value = 0;

Object.defineProperty(obj, 'prop', {
  get() {
    return value;
  },
  set(newValue) {
    value = newValue + 1;
  },
  configurable: true,
  enumerable: true
});

obj.prop = 10;
console.log(obj.prop);

function* fibonacci() {
  let [a, b] = [0, 1];
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}

function* takeWhile(generator, predicate) {
  for (const value of generator) {
    if (!predicate(value)) break;
    yield value;
  }
}

const fib = fibonacci();
const smallFibs = takeWhile(fib, x => x < 20);
console.log([...smallFibs].join(','));

const x = [1, 2, 3, 4, 5];
console.log(x.slice(1, 3));

const numbers = [1, 2, 3, 4, 5];

const pipeline = (...fns) => (value) => fns.reduce((acc, fn) => fn(acc), value);

const multiply = (x) => (y) => x * y;
const add = (x) => (y) => x + y;
const square = (x) => x * x;

const transform = pipeline(
  multiply(2),
  add(3),
  square
);

const result = numbers.map(transform);
console.log(result);

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

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

const manager = new EventManager();
const obj = { name: 'Component' };
manager.addListener('click', () => console.log(obj.name));
obj = null;
console.log(manager.listeners.get('click').size);

const obj = {
  name: 'Sarah',
  regularMethod: function() {
    return () => {
      console.log(this.name);
    };
  },
  arrowMethod: () => {
    return () => {
      console.log(this.name);
    };
  }
};

const regular = obj.regularMethod();
const arrow = obj.arrowMethod();
regular();
arrow();

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

Vehicle.prototype.describe = function() {
  return `This is a ${this.type}`;
};

function Car(brand) {
  Vehicle.call(this, 'car');
  this.brand = brand;
}

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

Car.prototype.describe = function() {
  return Vehicle.prototype.describe.call(this) + ` made by ${this.brand}`;
};

const tesla = new Car('Tesla');
console.log(tesla.describe());
console.log(tesla.constructor.name);