Czy potrafisz pisać funkcje zagnieżdżone w JavaScript?

Zastanawiam się, czy JavaScript obsługuje pisanie funkcji w innej funkcji, czy funkcje zagnieżdżone (czytam to na blogu). Czy to naprawdę możliwe? W rzeczywistości korzystałem z nich, ale nie jestem pewien tej koncepcji. Nie jestem tego pewien - proszę o pomoc!

Czy to naprawdę możliwe.

Tak.

function a(x) {    // <-- function
  function b(y) { // <-- inner function
    return x + y; // <-- use variables from outer scope
  }
  return b;       // <-- you can even return a function.
}
console.log(a(3)(4));

Poniższe jest nieprzyjemne, ale służy do zademonstrowania, jak można traktować funkcje jak każdy inny rodzaj obiektu.

var foo = function () { alert('default function'); }

function pickAFunction(a_or_b) {
    var funcs = {
        a: function () {
            alert('a');
        },
        b: function () {
            alert('b');
        }
    };
    foo = funcs[a_or_b];
}

foo();
pickAFunction('a');
foo();
pickAFunction('b');
foo();

Funkcje są obiektami pierwszej klasy, którymi mogą być:

• Zdefiniowane w ramach Twojej funkcji
• Utworzony tak jak każda inna zmienna lub obiekt w dowolnym momencie funkcji
• Zwrócony z funkcji (co może wydawać się oczywiste po dwóch powyższych, ale nadal)

Aby oprzeć się na przykładzie podanym przez Kenny'ego:

   function a(x) {
      var w = function b(y) {
        return x + y;
      }
      return w;
   };

   var returnedFunction = a(3);
   alert(returnedFunction(2));

Ostrzegałby za pomocą 5.

Tak, można napisać i wywołać funkcję zagnieżdżoną w innej funkcji.

Spróbuj tego:

function A(){
   B(); //call should be B();
   function B(){

   }
}

Nie tylko możesz zwrócić funkcję, którą przekazałeś do innej funkcji jako zmienną, ale możesz również użyć jej do obliczeń wewnątrz, ale definiując ją na zewnątrz. Zobacz ten przykład:

    function calculate(a,b,fn) {
      var c = a * 3 + b + fn(a,b);
      return  c;
    }

    function sum(a,b) {
      return a+b;
    }

    function product(a,b) {
      return a*b;
    }

    document.write(calculate (10,20,sum)); //80
    document.write(calculate (10,20,product)); //250