Bir varlığa atanırken işlev adı neden kayboluyor?

Question

Ben JavaScript nasıl çalıştığını daha iyi anlamak için çalışıyorum ve şu kod beni dinletiyor: beklendiği gibi

function notInVar(a, b) { 
    return a + b 
} 

var inVar = function doesThisWork(a, b) { 
    return a + b 
} 

document.writeln('2 + 2 = ' + notInVar(2, 2)); 
document.writeln('3 + 3 = ' + inVar(3, 3)); 
document.writeln('4 + 4 = ' + doesThisWork(4, 4)); 

Chrome'da, ilk iki document.writelns sonra Chrome'da "Uncaught ReferenceError: doesThisWork is not defined" olsun, yürütün. Neden ikinci işlevi doesThisWork adıyla arayamıyorum? Bu konuda, notInVar'ın ilk işlev nesnesi nerede saklanır?

Answer 1

İşlevler nesnelerdir. inVar değişkeni, doesThisWork adına sahip bir işlev nesnesi içerir.

inVar.name //=> "doesThisWork" 

Bir işlevde ad yoksa, anonimdir.

Bir değişkende saklanan bir işlevi çağırmak için değişken adını (o nesneye yapılan başvuru) kullanırsınız. Fonksiyonu aynı fonksiyonun içinde çağırmak istiyorsanız (özyineleme için) bu isme göre ismini yazabilirsiniz, bu durumda doesThisWork.

Answer 2

For that matter, where is the first function-object notInVar stored?

function notInVar(a, b) { 
    return a + b 
} 

Senin durumunda

var notInVar = function (a, b) { 
     return a + b 
} 

eşdeğer midir, notInVar küresel kapsamda depolanır. Dışarısı Sen doesThisWork tarafından fonksiyonunu erişemiyor

fonksiyon erişilen ancak inVar

Answer 3

bunu erişmek zorunda ne zaman

then I get "Uncaught ReferenceError: doesThisWork is not defined" in Chrome

var inVar = function doesThisWork(a, b) { 
    return a + b 
} 

var inVar = function (a, b) { 
     return a + b 
    } 

benzer mi

Yazdığınız şekilde, doesThisWork sadece kendi içinde kullanılabilir.

Answer 4

İkinci tanım, named function expression denir nedeniyle bu tanıma doğası gereği, isme göre çağrı tek yolu den içindeki fonksiyon organıdır:

var inVar = function doesThisWork(a, b) { 
    return doesThisWork(a + b); // infinite recursion! 
} 

Bu için kullanılabilir Y-combinator gibi bir şey kullanmak zorunda kalmadan, aksi halde anonim bir işlev içinde yineleme elde edin.

Answer 5

İşlev bir değişkendir ve değişkenin kapsamı önemlidir. İkinci işlev için, global kapsamda, değişken adı inVar. İşlev adı ThisWork kendi kapsamı içinde ve genel kapsamı görmez. Bu yüzden sadece inVar kullanabilirsiniz, değilThisWork.

Answer 6

de bu konuda birden şey vardır:

ilk: yerel olarak sadece içinden aynı işlevi çağırmak, böylece işlevinin adı, yerel olacaktır. Bu, if(doesThisWork.caller != doesThisWork) return doesThisWork(a,b); gibi filtrelenmedikçe kullanıldığında sonsuz bir tekrarlamayı tetikleyebilir.

ikincisi, işlev için bir ad atamanız (anonim işlev olarak bırakmamak), ancak kapsayıcı için yereldir. Daha açık bir fikir için analize atlayın.

inline beyanı:

ayrıştırma zamanında

var x = function fnName(){}; console.log(x.prototype); => fnName {} // but used locally to x 
var x = function(){}; console.log(x.prototype); => Object {} // no local name, only global x 

/çalışma zamanı beyanı:

function fnName(){}; console.log(fnName.prototype); => fnName {} // global* and local name 

o farklılıkları işlevin beyanı yöntemleri arasında ilginçtir

Analizim:, buradaki konum, işlev içinde bir işlevi bildirdiğinizde atamadan kaynaklanır, bu ad, içerme işlevine yerel olarak kullanılır ve bunun dışında bir işlev içeren değişken için de geçerlidir. içerdiği ve adı olduğu için. yine de işlevi içeren değişken, kapsamı içinde kullanılabilir, çünkü farklı bir kapsam olan kapsayıcı işlevine yereldir. Burada, belgenin işlevinin konumunun global olduğu anlamına gelen global ** konteyner için yerel olduğu gibi, aynı kaptaki diğer nesnelere de globaldir.