Difference between var and this in Javascript functions?

by

var creates a local variable within tools.triangle. The variables originX and originY cannot be interacted with outside of tools.triangle. this is a pointer to the current object you are dealing with. The second example can be used to give properties to an object by doing new tools.triangle();. If you do not use new and just use tools.triangle();, this will point the global object which is the window object. You can change the object to which this points by using the function methods call(); and apply(); like this:

var myObj = {};

tools.triangle.call( myObj );

// "this" in tools.triangle now points to myObj
// myObj now has the properties originX and originY

It is important to know that this can reference any object, as well as be undefined or null in ES5 strict mode.

You can find more information here.

More Related Contents:

  1. JavaScript Syntax error
  2. Location of parenthesis for auto-executing anonymous JavaScript functions?
  3. What do parentheses surrounding an object/function/class declaration mean? [duplicate]
  4. How does this JavaScript/jQuery syntax work: (function( window, undefined ) { })(window)?
  5. What does the leading semicolon in JavaScript libraries do?
  6. Why avoid increment (“++”) and decrement (“–“) operators in JavaScript?
  7. What does a tilde do when it precedes an expression?
  8. How do I convert a float number to a whole number in JavaScript?
  9. Javascript: Get deep value from object by passing path to it as string [duplicate]
  10. Is && statement() the same as if() statement()?
  11. Is localStorage.getItem(‘item’) better than localStorage.item or localStorage[‘item’]?
  12. How can I concatenate regex literals in JavaScript?
  13. Advanced JavaScript: Why is this function wrapped in parentheses? [duplicate]
  14. difference between dot notation and bracket notation in javascript [duplicate]
  15. Dot and Square Bracket Notation
  16. When should I use a semicolon after curly braces?
  17. Syntax highlighting code with Javascript [closed]
  18. “elseif” syntax in JavaScript
  19. What is the decimal separator symbol in JavaScript?
  20. Function and variable with the same name
  21. Nested JSON objects – do I have to use arrays for everything?
  22. How can % signs be used in identifiers
  23. What is “?:” notation in JavaScript?
  24. Javascript while loop return value
  25. ES6+ javascript module export options
  26. javascript syntax: function calls and using parenthesis
  27. JavaScript dot notation [duplicate]
  28. Using a block’s return value in JavaScript
  29. JQuery .hasClass for multiple values in an if statement
  30. What does ‘::’ (double colon) do in JavaScript?

Leave a Comment