JavaScript İç içe geçmiş işlevi

Javascript için anlamadığım bir kod parçam var:

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;
}

Bir işlev başka bir işlev içinde nasıl tanımlanabilir? () İşlevimin dışından pad2 () 'yi çağırabilir miyiz?

Lütfen üzerine biraz ışık tutun. Teşekkürler

Fonksiyonlar, JavaScript'teki başka bir değişken türüdür (elbette bazı nüanslarla birlikte). Başka bir işlev içinde bir işlev oluşturmak, bir değişkenin kapsamını değiştirecek şekilde işlevin kapsamını değiştirir. Bu, özellikle toplam küresel ad alanı kirliliğini azaltmak için kapaklarla kullanım için önemlidir.

Başka bir işlev içinde tanımlanan işlevlere, işlevin dışında erişilebilen bir nesneye eklenmedikçe işlevin dışında erişilemez:

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

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

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

Bu örnekte baz işlevi, foogeçersiz kılındığı için işlev çalıştırıldıktan sonra kullanıma hazır olacaktır window.baz. Bar işlevi, fooişlevin içerdiği kapsamlar dışında herhangi bir bağlamda kullanılamayacaktır .

farklı bir örnek olarak:

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

FizzFonksiyon çalıştırıldığında, bir atar, böylece yapıcı olarak tasarlanmıştır buzzyeni oluşturulan nesneye işlevi.

Kapatma denir .

Temel olarak, diğer işlev içinde tanımlanan işleve yalnızca bu işlev içinden erişilebilir. Ama sonuç olarak geçilebilir ve daha sonra bu sonuç çağrılabilir.

Bu çok güçlü bir özelliktir. Burada daha fazla açıklama görebilirsiniz:

Archive.org'da javascript_closures_for_dummies.html yansıtma

function x() {}

eşdeğerdir (veya çok benzerdir)

var x = function() {}

yanılmıyorsam.

Yani komik bir şey yok.

İşlev somutlaştırmasına işlevlerin içinde ve dışında izin verilir. Bu işlevlerin içinde, aynı değişkenler gibi, yuvalanmış işlevler yereldir ve bu nedenle dış kapsamdan elde edilemez.

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

foobarkendi içinde manipüle eder. bardış kapsamda tanımlanmadığı sürece dış kapsamdan dokunulamaz.

Yani bu işe yaramayacak:

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

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

Bir işlev içinde bir işlevi bildirdiğinizde, iç işlevler yalnızca bildirildikleri kapsamda kullanılabilir veya sizin durumunuzda pad2yalnızca kapsamda çağrılabilir dmy.

İçinde var olan tüm değişkenler içinde dmygörünür pad2, ancak tam tersi olmaz: D

Javascript'te (ve birçok dilde) işlevlerin içinde işlevlere sahip olmak tamamen normaldir.

Dili öğrenmek için zaman ayırın, zaten bildiklerinize benzer olduğu için kullanmayın. Douglas Crockford'un Javascript'teki YUI sunum serisini, özellikle Act III: Function the Ultimate'e (video indirme bağlantısı, slaytlar ve transkript bağlantısı) izlemenizi öneririm.