Problème de valeur de retour Js

J'ai vu aujourd'hui un article sur Internet sur la valeur de retour des fonctions JS. Il présente quelques difficultés avec les fonctions JS. Je l'ai mentionné ci-dessus à propos du problème de la fonction js renvoyant une autre fonction, et j'ai joint une question d'entretien. Je la partagerai avec vous

[javascript] view plain copy
var add = function(x){  
    var sum = 1;  
    var tmp = function(x){  
        sum = sum + x;  
    return tmp;  
    }  
    tmp.toString = function(){  
        return sum;  
    }  
    return tmp;  
} // alert(add(1)(2)(3)) --> 6

Ensuite, expliquons en détail comment renvoyer une autre fonction. .

En fait, j'ai quitté Java. Quand j'ai vu cet article pour la première fois, je ne savais pas grand-chose sur le retour d'une autre fonction. La raison pour laquelle j'ai écrit cet article est qu'il y a un peu de confusion. Je trouve étrange que le dernier appel soit

[javascript] view plain copy

add(1)(2)(3)

Depuis en java, j'ai Je n'ai jamais vu une telle méthode d'appel de fonction, elle a donc attiré mon attention et j'ai décidé de la rechercher. Je partagerai mes recherches ci-dessous. Bien sûr, si vous avez déjà une compréhension approfondie de cela, vous pouvez choisir de l'ignorer ou de la donner. des indicateurs et souriez quand il y a des lacunes. Bon, sans plus tarder, venons-en au fait.

Regardons l'exemple le plus simple :

[javascript] view plain copy
function create1(pro) {  
    console.log("pro : " + pro);  
    return function(obj1, obj2){  
        console.log(obj1 + " -- " + obj2);  
        return obj1 + obj2;  
    }  
}

J'ai construit une fonction simple create1, et il y a une valeur de retour, la valeur de retour est une fonction interne. Une fois la fonction construite, appelons-la ensuite :

[javascript] view plain copy
var c1 = create1("pro"); // 创建函数

D'après ma compréhension précédente, lorsque j'appelle cette méthode, pro: pro doit être imprimé, puis une erreur sera signalée. Si vous avez les mêmes pensées que moi après avoir lu ceci, alors félicitations pour avoir trop réfléchi ou avoir un état d'esprit fixe. Smile

. Ce qui est vrai, c'est que lorsque nous l'appelons via le code ci-dessus, le journal imprime pro : pro , mais aucune erreur n'est signalée, et après l'avoir appelé à plusieurs reprises, nous imprimons simplement le même journal dans les deux sens. Cela signifie également qu'à ce moment-là, il n'est entré que dans la méthode create1() et n'est pas entré dans la fonction interne de la fonction. Inspiré par les questions de l'entretien, j'ai essayé de l'appeler une fois et j'ai découvert que les résultats ultérieurs étaient imprimés.

[java] view plain copy
c1(1, 2); // 调用函数

De cette façon, le journal suivant est imprimé ; cela montre que lorsque nous avons appelé la méthode pour la première fois, nous n'avons pas réellement entré la fonction interne, mais avons seulement entré le corps de la fonction externe en appelant. pouvons-nous encore entrer dans le corps de fonction interne, et à ce moment, si nous répétons l'appel ci-dessus, il n'appellera que le corps de fonction interne, et il n'y aura pas de corps de fonction externe.

Une fonction comme celle-ci renvoie une autre fonction. Notre premier appel construit uniquement un corps de fonction externe objet Seuls les appels suivants peuvent appeler le corps de fonction interne. corps.

Ne vous inquiétez pas, ce n'est pas encore fini, il y en aura d'autres à venir...

Ensuite, regardons une autre situation. Nous déclarons d'abord une fonction pour faire une addition :

[javascript] view plain copy
function infun(obj1, obj2) {  
    console.log(obj1 + " -- " + obj2);  
        return obj1 + obj2;  
}  
然后再声明一个函数，在该函数中调用上面声明的函数：
[javascript] view plain copy
function create2(pro) {  
    console.log("pro = " + pro);  
        return infun(obj1, obj2); // 这个时候,会报错  
}

Enfin, appelez :

[javascript] view plain copy
var c1 = create2("pro");

Affichez le journal :

pro = pro
‌Uncaught ReferenceError: obj1 is not defined

Vous constaterez qu'après l'impression d'un journal, une exception est levée. Apportez quelques modifications à la méthode

[javascript] view plain copy
function create2(pro) {  
    console.log("pro = " + pro);  
    var obj1 = 1, obj2 = 2;  
    return infun(obj1, obj2); // 这个时候,会报错  
}

s'exécutera normalement lorsqu'elle sera appelée et deux enregistrements de journal seront imprimés.

Cela montre que, de la même manière, renvoyer une fonction déclarée dans une fonction appelle en fait la fonction déclarée, ce qui est différent de la situation ci-dessus.

D'accord, maintenant regardez en arrière et regardez de plus près les questions de l'entretien au début, et vous constaterez que tout est clair :

[javascript] view plain copy
// 声明一个函数表达式  
var add = function(x){  
    var sum = 1;  
    // 在函数表达式内部有一个求和的内部函数  
    var tmp = function(x){  
        sum = sum + x;// 求和  
        return tmp;  
    }  
    // 构建一个函数体的toString()函数  
    tmp.toString = function(){  
        return sum;  
    }  
    return tmp; // 返回的是一个函数体,如果该函数体有toString()方法,则会调用函数体的toString()方法  
}

Regardons ensuite l'appel :

[javascript] view plain copy
alert(add(1)(2)(3))

Le résultat est 6. La raison est la même que la première situation dont nous avons discuté. Ensuite, nous appelons à plusieurs reprises :

[javascript] view plain copy
// 以下结果输出为：6  
alert(add(10)(2)(3))  
alert(add(100)(2)(3))  
// 下面的结果输出变了  
alert(add(1)(3)(3))  
alert(add(1)(2)(5))

Je crois que vous maîtrisez la méthode après avoir lu ces lignes. cas, plus Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment créer une hauteur adaptative DIV

Comment utiliser CSS masque le contenu textuel de l'arrière-plan de l'image

Comment utiliser CSS pour masquer les divs en HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!