# this

Any access to `this` keyword within a function is controlled by how the function is actually called. It is commonly referred to as the “calling context.”

Here is an example:

```typescript
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](https://basarat.gitbook.io/typescript/future-javascript/arrow-functions).