的JavaScript越來越構造是不確定的

Question

這是我的代碼：

window.myApp= window.myApp|| {}; 

myApp.jira = (function() { 

    var getId = function() { 
    return ...; 
    } 

    var init = function() { 
    var id = myApp.jira.getId(); 
    } 

})(); 

$(document).ready(function() { 
    myApp.jira.init(); // here jira is null and getting undefined 
}); 

當頁面加載它說JIRA是不確定的。

Answer 1

試試這個：

window.myApp= window.myApp|| {}; 

// Function here is being immediately invoked. No "return" statement 
// in your code is equivalent to "return undefined;". 
myApp.jira = (function() { 

    var getId = function() { 
    return ...; 
    } 

    var init = function() { 
    var id = myApp.jira.getId(); 
    // Bonus note: you can simplify this: 
    // var id = getId(); 
    } 

    // If we return an object with functions we want 
    // to expose (to be public), it'll work, 
    return { 
    init: init, 
    getId: getId 
    }; 

})(); // <-- here you'll invoking this function, so you need return. 

$(document).ready(function() { 
    // Without 'return' above, myApp.jira evaluated to undefined. 
    myApp.jira.init(); 
}); 

Answer 2

Working DEMO

或者你可以使用object literal模式來代替：

var myApp = {}; 

myApp.jira = { 

     getId: function() { 
     return ...; 
     }, 

     init: function() { 
     var id = this.getId(); 
     } 
    };