是否有可能在另一個函數中運行'2-deep'的函數？

Question

我需要從window.onload事件中執行一個函數。但是我想運行的函數位於另一個函數的函數中。 我知道我可以通過

function1(){ 
    function2(); 
} 

function2(){ 
    ...a process... 
} 

運行從另一個函數的函數，但因爲我不能這個「整體」功能中運行window.onload事件，因爲它必須在「頂層」。 我試過這樣做，但它沒有工作，但基本上我認爲這是我想要做的。

<script> 
function(){ 

    function1(){ 
     ..some stuff.. 
    } 

    function2(){ 
     function1(); 
    } 
} 

window.onload = function2; 

</script> 

因爲它是由一個對象onclick事件綁定我不能簡單地運行從window.onload事件功能1。

任何建議，我如何解決這個問題？

Answer 1

您應該學習和學習不同的Javascript模式，以便您以可預測的方式構建代碼。

http://addyosmani.com/resources/essentialjsdesignpatterns/book/是一個了不起的資源，並會告訴你你需要知道的事情。

每種模式都詳細說明了實施方式，優點和缺點。

這裏是一個使用模塊模式的一個例子：

// Global module 
var myModule = (function() { 

    function privateMethod1() { 
     ... 
    } 

    function privateMethod2() { 
     ... 
    } 

    return { 
     publicMethod: function(){ 
      privateMethod1(); 
     } 
    }; 

})(); 

myModule.publicMethod(); 

Answer 2

這裏有一個可能性：

window.onload = (function(){ 

    function1(){ 
     ..some stuff.. 
    } 

    function2(){ 
     function1(); 
    } 

    return function2; 
})(); 

Answer 3

只要你自己調用外部函數，沒有理由將分配給window.onload不能發生內即：

(function(){ 

    function1() { 
     ..some stuff.. 
    } 

    function2() { 
     function1(); 
    } 

    window.onload = function2; 

})(); // immediately invoked function expression