保持不确定

Question

I am working on javascript backbone project. I declared a global object like follow

window.App = { Vent: _.extend({}, Backbone.Events) }

I did above in initialize function like following

initialize: function () {
    window.App = { Vent: _.extend({}, Backbone.Events), hello: 'yes' };

    console.log(App); // This is ONE. see explanation below for ONE
    console.log(App.Vent); // This is TWO. see explanation below
}

ONE This log line shows following

function (){return parent.apply(this,arguments)} app.js:22

TWO

This log line show

 undefined

Also if I do console.log(App.hello) it still says undefined

Please help me what am I doing wrong in this code?

Update

Here is all the related code to my problem. I am using requirejs and backbone

here is my main.js

require(['domReady', 'views/app', 'jqm'], function (domReady, AppView) {
    domReady(function () {
        window.App = { Vent: _.extend({}, Backbone.Events) };
        new AppView();
    });
});

here is views/app.js file

define(['backbone', 'views/home/homes', 'collections/homes'], function (Backbone, HomesView, HomesCollection ) {
    var App = Backbone.View.extend({
        el: 'div#page',

        events: {
            'swipeleft': 'nextView',
            'swiperight': 'preView'
        },

        nextView: function (e) {
            console.log(App.Vent);
            //App.Vent.trigger('changeView', { direction: 'next' });
        },

        preView: function (e) {
            console.log(App.Vent);
            //App.Vent.trigger('changeView', { direction: 'prev' });
        }
    });

    return App;
});

What I am doing in this file is when user swipes left or right then it calls nextView and preView functions. In these functions I want to trigger and Event which I listen to them in another view. But right now I want to console it. But it says undefined

Answer 1

Try to change:

var App = Backbone.View.extend({

to something else. Like this:

var iApp = Backbone.View.extend({