This as returning value of a function invoked in 4 different ways - traditional functions

es5-function-this.js

// ##########  Tradictional Functions  ##########
// ##########   this bound    ##########

// 1.
let bFunc = function() {
  return this
}

// 2.
let obj = {}
obj.func = bFunc;

// 3.
let Ninja = function(){
  this.func = bFunc;
}

// Invocations:

// 1.
console.log('this as a function: ', bFunc())
// => this as a function:  Window || undefined if 'use strict'

// 2.
console.log('this as a method: ', obj.func())
// => this as a method:  obj {func: f}

// 3.
let ninja = new Ninja();
console.log(ninja.func());
// => this as a method on an instance:  Ninja {func: f}

// 4. Apply and call do work either
console.log('this a a given via apply: ', bFunc.apply({banana: 'Love Banana'}))
// => this a a given via apply:  {banana: 'Love Banana'}

console.log('this a a given via call: ',bFunc.call({banana: 'Love Banana'}))
// => this a a given via call:  {banana: 'Love Banana'}