Javascript lost context when assigned to other variable

by

It depends on how a function is called. If a function is not referenced through being an attribute of an object (e.g. refToMethod) then it will be assigned the “Global context” which is window. However, when a function is an attribute of object (e.g. obj.method), we refer to it as a method, and it is implicitly assigned the context of it’s parent object.

JavaScript’s context is unlike many languages in that you can override it easily using either .call() or .apply(). Furthermore, ECMAScript 5 introduced a new .bind() method to allow you to create copies of methods which are always bound to the same context. See MDN for more.

var obj = new Class();
obj.method(); // 1;

var unbound = obj.method;
unbound(); // undefined;

// Call and Apply setting the context to obj.
unbound.apply(obj); // 1
unbound.call(obj); // 1;

// ECMAScript 5's bind
var bound = unbound.bind(obj);
bound(); // 1;

More Related Contents:

  1. How does the “this” keyword work?
  2. Use of ‘prototype’ vs. ‘this’ in JavaScript?
  3. Javascript: Do I need to put this.var for every variable in an object?
  4. What does “this” refer to in arrow functions in ES6?
  5. What’s the difference between ‘$(this)’ and ‘this’?
  6. What does ‘var that = this;’ mean in JavaScript?
  7. React: “this” is undefined inside a component function
  8. Javascript call() & apply() vs bind()?
  9. Why is JavaScript bind() necessary?
  10. Javascript “this” pointer within nested function
  11. “this” is undefined inside map function Reactjs
  12. Arrow Functions and This [duplicate]
  13. VueJS: why is “this” undefined?
  14. this inside function
  15. JavaScript – Owner of “this”
  16. The invocation context (this) of the forEach function call
  17. Does using $this instead of $(this) provide a performance enhancement?
  18. this operator in javascript
  19. “This” within es6 class method [duplicate]
  20. requestAnimationFrame with this keyword
  21. Does the comma operator influence the execution context in Javascript?
  22. How to reference the caller object (“this”) using attachEvent
  23. JavaScript object functions and `this` when unbound and returned in expression/parens
  24. How to bind onclick handlers to `this` properly on React
  25. What is the ‘global’ object in NodeJS
  26. Save access to this scope
  27. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  28. What does “this” mean in a nodejs module?
  29. How does require() in node.js work?
  30. addEventListener, arrow functions, and `this` [duplicate]

Leave a Comment