Chiamare una funzione definita all'interno di un'altra funzione in Javascript

Question

sto chiamando una funzione fare clic sul pulsante in questo modo:

<input type="button" onclick="outer();" value="ACTION">​ 

function outer() { 
    alert("hi");  
} 

Funziona benissimo ed ottengo un avviso:

Ora quando faccio in questo modo:

function outer() { 
    function inner() { 
     alert("hi"); 
    } 
} 

Perché non ricevo un avviso?

Sebbene la funzione interna abbia un ambito disponibile nella funzione esterna.

Answer 1

L'ambito è corretto come hai notato. Tuttavia, non stai chiamando la funzione inner ovunque.

Si può fare sia:

function outer() { 

    // when you define it this way, the inner function will be accessible only from 
    // inside the outer function 

    function inner() { 
     alert("hi"); 
    } 
    inner(); // call it 
} 

O

function outer() { 
    this.inner = function() { 
     alert("hi"); 
    } 
} 

<input type="button" onclick="(new outer()).inner();" value="ACTION">​ 

Answer 2

Non si sta chiamando la funzione inner, è sufficiente definirla.

function outer() { 
    function inner() { 
     alert("hi"); 
    } 

    inner(); //Call the inner function 

} 

Answer 3

si potrebbe fare in un modulo ed esporre la vostra funzione interna restituendo in un oggetto.

function outer() { 
    function inner() { 
     console.log("hi"); 
    } 
    return { 
     inner: inner 
    }; 
} 
var foo = outer(); 
foo.inner(); 

Answer 4

Si può anche provare this.Here si restituisce la funzione "dentro" e invocando con la seconda serie di parentesi.

function outer() { 
    return (function inside(){ 
    console.log("Inside inside function"); 
    }); 
} 
outer()(); 

O

function outer2() { 
    let inside = function inside(){ 
     console.log("Inside inside"); 
    }; 
    return inside; 
    } 
outer2()();