var vs this in Javascript object

后端 未结 4 720
[愿得一人]
[愿得一人] 2020-11-29 09:33

I\'m developing a web framework for node.js. here is the code;

function Router(request, response) {
        this.routes = {};

        var parse = require(         


        
相关标签:
4条回答
  • 2020-11-29 10:13

    It on depends what you want to do.

    If you declare the variables with var, then they are local to the function and cannot be accessed outside.

    If you assign the variables to this, then they will be set as properties of the context object the function is called on.

    So if e.g. if you write:

    var obj = new Router();
    

    then obj will have all the variables as properties and you can changed them. If you call

    somobject.Router()
    

    then all the variables will be set as properties of someobject.

    0 讨论(0)
  • 2020-11-29 10:20

    Using var in the constructor is usually used for private variable while using this. is used for public variable.

    Example with this. :

    function Router() {
        this.foo = "bar";
    
        this.foobar = function () {
             return this.foo;
        }
    }
    
    var r = new Router();
    r.foo // Accessible
    

    Example with var :

    function Router() {
        var _foo = "bar";
    
        this.foobar = function () {
             return _foo;
        }
    }
    
    var r = new Router();
    r._foo // Not accessible
    
    0 讨论(0)
  • 2020-11-29 10:21

    Add properties to this when you want the properties to persist with the life of the object in question. Use var for local variables.

    edit — as Bergi notes in a comment, variables declared with var don't necessarily vanish upon return from a function invocation. They are, and remain, directly accessible only to code in the scope in which they were declared, and in lexically nested scopes.

    0 讨论(0)
  • 2020-11-29 10:26

    You can think of properties hung from this sort of like instance variables in other languages (sort of).

    It looks like you're creating a constructor function and will likely add some prototype methods. If that's the case, and you need access to routes, you've got it, but not path.

    Router.prototype = {
      doSomething: function(){
        this.routes; // available
        path; // not available
      }
    }
    
    0 讨论(0)
提交回复
热议问题