如何在jQuery范围内使用Backbone模型

Question

I have a jQuery project where I am looking to maintain form data inside model variables. My current UI code is like this

$(document).ready(function(){
    $("#errMsg").hide();

    var Test = Backbone.Model.extend({
            defauts: {
                id: null,
                test: null,
                test1: null,
                test2: null,
                comments: null
            }
        });

     var uniquename = new Test({ id: null});


});

function test(){
  //Trying to access uniquename here or Test model
}

When I try to access either Test or uniquename from the method outside, they're not accessible. All the other stuff I do is inside plain Javascript methods. I know this is not the right way to do it so i'm seeking some help. How do I structure my methods and how do I make my variables accessible across different methods so I can read the web service response from one method and use that as a request for another method?

Answer 1

Simply define the function inside the same scope:

$(document).ready(function(){

  $("#errMsg").hide();

  var Test = Backbone.Model.extend({
        defauts: {
            id: null,
            test: null,
            test1: null,
            test2: null,
            comments: null
        }
    });

    var uniquename = new Test({ id: null});
    function test(){
       //access uniquename here or Test model
    }
});

If you can't do that, for example if your code is split into different files or something, then simplest solution would be to use name spaces - like MyApp.Models.Test = Backbone.Model.extend({}) . MyApp in this case will be globally available (declared outside $(document).ready() in the file that is loaded first )

or use module pattern, RequireJS is pretty common module loader in Backbone.js applications.