A study into accessing "this" within the new lexical this, and arrow functions.

ES6: Arrows & Lexical This

// Test array
var evens = [2,4,6,8,10]

// Example Expression
var nums = evens.map((v, i) => {
  // here, "this" becomes undefined. There is no lexical parent to tie to.
  console.log(this)
  return v + i
})
  
var parent = {
  name: "parent",
  // new object literal syntax!! :)
  get(){ 
    // here, "this" has a lexical parent to tie to. We can access "this".
    console.log("get()",this)
  },
  getNums( numbers ){
    return numbers.map((v, i) => {
      // here, "this" has the same lexical parent as its containing function.
      console.log("getNums parent",this)
      return v + i
    })
  }
}
// The final result
console.log(nums)
console.log(parent.get())
console.log(parent.getNums( nums ))