Funzione annidata JavaScript

Ho un pezzo di codice per javascript che semplicemente non capisco:

function dmy(d) {
    function pad2(n) {
        return (n < 10) ? '0' + n : n;
    }

    return pad2(d.getUTCDate()) + '/' +
       pad2(d.getUTCMonth() + 1) + '/' +
       d.getUTCFullYear();
}

function outerFunc(base) {
    var punc = "!";

    //inner function
    function returnString(ext) {
       return base + ext + punc;
    }

    return returnString;
}

Come si può definire una funzione all'interno di un'altra funzione? Possiamo chiamare pad2 () dall'esterno della funzione my ()?

Per favore accendi un po 'di luce. Grazie

Le funzioni sono un altro tipo di variabile in JavaScript (con alcune sfumature ovviamente). La creazione di una funzione all'interno di un'altra funzione cambia l'ambito della funzione nello stesso modo in cui cambierebbe l'ambito di una variabile. Ciò è particolarmente importante per l'uso con le chiusure per ridurre l'inquinamento globale dello spazio dei nomi.

Le funzioni definite all'interno di un'altra funzione non saranno accessibili all'esterno della funzione a meno che non siano state associate a un oggetto accessibile all'esterno della funzione:

function foo(doBar)
{
  function bar()
  {
    console.log( 'bar' );
  }

  function baz()
  {
    console.log( 'baz' );
  }

  window.baz = baz;
  if ( doBar ) bar();
}

In questo esempio, la funzione baz sarà disponibile per l'uso dopo che la foofunzione è stata eseguita, poiché è sovrascritta window.baz. La funzione bar non sarà disponibile in nessun contesto diverso dagli ambiti contenuti all'interno della foofunzione.

come esempio diverso:

function Fizz(qux)
{
  this.buzz = function(){
    console.log( qux );
  };
}

La Fizzfunzione è progettata come un costruttore in modo che, quando viene eseguita, assegni una buzzfunzione all'oggetto appena creato.

Si chiama chiusura .

Fondamentalmente, la funzione definita all'interno di un'altra funzione è accessibile solo all'interno di questa funzione. Ma può essere passato come risultato e quindi questo risultato può essere chiamato.

È una caratteristica molto potente. Puoi vedere ulteriori spiegazioni qui:

javascript_closures_for_dummies.html mirror su Archive.org

function x() {}

è equivalente (o molto simile) a

var x = function() {}

a meno che non mi sbagli.

Quindi non c'è niente di divertente in corso.

La creazione di istanze di funzioni è consentita all'interno e all'esterno delle funzioni. All'interno di queste funzioni, proprio come le variabili, le funzioni annidate sono locali e quindi non possono essere ottenute dall'ambito esterno.

function foo() {
    function bar() {
        return 1;
    }
    return bar();
}

foomanipola bardentro di sé. barnon può essere toccato dall'ambito esterno a meno che non sia definito nell'ambito esterno.

Quindi questo non funzionerà:

function foo() {
    function bar() {
        return 1;
    }
}

bar(); // throws error: bar is not defined

Quando dichiari una funzione all'interno di una funzione, le funzioni interne sono disponibili solo nell'ambito in cui sono dichiarate o, nel tuo caso, pad2possono essere chiamate solo dmynell'ambito.

Tutte le variabili esistenti in dmysono visibili in pad2, ma non avviene il contrario: D

È perfettamente normale in Javascript (e in molti linguaggi) avere funzioni all'interno di funzioni.

Prenditi il ​​tempo per imparare la lingua, non usarla perché è simile a ciò che già conosci. Suggerirei di guardare la serie di presentazioni YUI di Douglas Crockford su Javascript, con particolare attenzione all'Atto III: Function the Ultimate (link al download del video, diapositive e trascrizione)