Fermeture Javascript résultat inattendu

Question

Le code de fermeture est très court:

 var fn = function() {
    return function() {
        console.log(arguments);
    }
}

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

Pourquoi ["foo"] est imprimé au lieu de bar ? Si je commente var fn = ... , le résultat est comme prévu et bar est imprimé. Comment ces deux morceaux de code peuvent-ils être liés?

Answer 1

Sans le point-virgule après le } du fn , vous appelez en fait le fn avec l'argument (function...) .

Si vous ajoutez le point-virgule manquant, cela fonctionne comme prévu:

 var fn = function () {
    return function () {
        console.log(arguments);
    }
};

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

Answer 2

Pourquoi ["foo"] est imprimé en lieu et place de l' 'bar'? Comment ces 2 morceaux de code être liés?

Avec les parenthèses autour de l' (function(arg) {…}) , il est considéré comme une expression de fonction de l'argument, juste comme vous l'espériez ('foo') à l'argument de l'IEFE. En fait, foo est maintenant passée à la fonction qui est le résultat de la première invocation:

var fn = (
        (function() {
            return function() {
                console.log(arguments);
            };
        })
        (function(arg) {
            console.log('bar');
        })
    )
    ('foo');

Pour résoudre ce problème, soit toujours mis un point-virgule après vos devoirs, ou l'utilisation d'une déclaration de fonction:

function fn() {
    return function() {
        console.log(arguments);
    }
}
(function(arg) {
    console.log('bar');
})('foo');

Answer 3

ajouter un point-virgule après votre définition de variable comme ceci:

 var fn = function() {
    return function() {
        console.log(arguments);
    }
};

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

journaux «bar».