Wywołanie funkcji zdefiniowanej wewnątrz innej funkcji w JavaScript

Question

Wołam funkcję w przycisk kliknij tak:

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

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

To działa dobrze i mam alert:

Teraz kiedy zrobić tak:

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

Dlaczego nie otrzymam alertu?

Chociaż funkcja wewnętrzna ma zakres dostępny w funkcji zewnętrznej.

Answer 1

Scoping jest poprawny, jak już zauważyłeś. Jednak nie wywołujesz funkcji inner w dowolnym miejscu.

Można to zrobić albo:

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 
} 

Albo

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

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

Answer 2

Nie wywołujesz funkcji inner, tylko ją definiujesz.

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

    inner(); //Call the inner function 

} 

Answer 3

Można zrobić go w module i narażać swoją wewnętrzną funkcję wpuszczeniem go w obiekt.

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

Answer 4

Możesz również wypróbować to.Tutaj zwracasz funkcję "wewnątrz" i wywołujesz z drugim zestawem nawiasów.

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

Albo

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