Je suis tombé sur cette fonction lors d'une rétro-ingénierie de JavaScript :
function fun1() { const arr = ["a", "b", "c", "d", "e"]; fun1 = function () { return arr; }; return fun1(); }
Pour moi, cela semble redondant. Ce code semble :
arr
. arr
. return fun1()
pour renvoyer le résultat de la fonction elle-même a maintenant été redéfinie pour renvoyer return fun1()
返回函数本身的结果,现在已经重新定义为返回arr
,所以这似乎返回arr
, cela semble donc renvoyer J'ai donc réécrit cette fonction, en éliminant tout le code redondant :
function fun2() { const arr = ["a", "b", "c", "d", "e"]; return arr; }Cependant, J'ai été surpris de constater que ces deux fonctions se comportent complètement différemment.
fun1()
似乎返回对arr
的引用,而fun2()
似乎返回arr
fun1()
semble renvoyer une référence à
fun2()
semble renvoyer une copie de .
Voici un exemple minimal reproductible qui illustre la différence :
// This function is redefined inside itself to return arr function fun1() { const arr = ["a", "b", "c", "d", "e"]; fun1 = function() { return arr; }; return fun1(); } // Why not return arr directly? function fun2() { const arr = ["a", "b", "c", "d", "e"]; return arr; } // But the result is different... let test_fun_1 = fun1(); test_fun_1.pop(); test_fun_1 = fun1(); console.log("Logging test_fun_1"); console.log(test_fun_1); // ["a", "b", "c", "d"] let test_fun_2 = fun2(); test_fun_2.pop(); test_fun_2 = fun2(); console.log("Logging test_fun_2"); console.log(test_fun_2); // ["a", "b", "c", "d", "e"] // What is this magic?On dirait que la magie s'est produite...
Quelle est la différence entre fun1()
和fun2()
Le tableau créé lorsque votre
fun1()
函数重新定义了(相对)全局的fun1
符号。它将原始函数更改为局部内部函数,该函数关闭了数组。因此,只涉及一个数组,即第一次调用fun1()
est appelé pour la première fois.D'un autre côté, votre
fun2()
créera un tout nouveau tableau à chaque fois qu'il sera appelé.Si vous modifiez
fun1()
pour attribuer la fonction interne à une variable déclarée localementfun1
, elle se comportera de la même manière quefun1()
更改为将内部函数分配给一个局部声明的fun1
变量,它将与fun2()
.