bind(), call(), and apply()

What will be the difference in the two console.log outputs?

const module = {
  x: 42,
  getX: function() {
    return this.x;
  }
};

const unboundGetX = module.getX;
console.log(unboundGetX());

const boundGetX = unboundGetX.bind(module);
console.log(boundGetX());

They will both print 42
First undefined, second 42
The outputs differ due to context binding: 1) unboundGetX loses its this context when extracted from module, 2) Without context, this.x is undefined in the global scope, 3) bind(module) creates a new function with fixed this context, 4) boundGetX maintains reference to module's x property, 5) Shows importance of maintaining proper this binding, 6) Common issue when working with object methods.
First null, second 42
They will both print undefined

Next Question (9/20)