this Keyword in Different Contexts

function outer() {
  console.log('outer this:', this);
  function inner() {
    console.log('inner this:', this);
  }
  inner();
}

outer();

They have the same this value
inner inherits this from outer
Each function gets its own this binding
Function 'this' binding behavior: 1) Each function gets its own 'this' binding, 2) Inner function's 'this' is not inherited, 3) Regular function calls use default binding, 4) Nested functions create new context, 5) Common source of confusion in callbacks, 6) Use arrow functions or bind() to preserve outer 'this'.
inner has no this binding