Any access to this
keyword within a function is actually controlled by how the function is actually called. It is commonly referred to as the “calling context.”
Here is an example:
function foo() {
console.log(this);
}
foo(); // logs out the global e.g. `window` in browsers
let bar = {
foo
}
bar.foo(); // Logs out `bar` as `foo` was called on `bar`
So be mindful of your usage of this
. If you want to disconnect this
in a class from the calling context use an arrow function, more on that later.