Mengapakah menetapkan semula nama fungsi dalam badan fungsi mengubah tingkah lakunya?
Saya terjumpa fungsi ini semasa kejuruteraan terbalik beberapa JavaScript:
function fun1() {
const arr = ["a", "b", "c", "d", "e"];
fun1 = function () {
return arr;
};
return fun1();
}
Bagi saya ia kelihatan berlebihan. Kod ini nampaknya:
- mengisytiharkan tatasusunan
arr. - Tentukan semula fungsi di dalam fungsi supaya ia kembali
arr. - Menggunakan
return fun1()untuk mengembalikan hasil fungsi itu sendiri kini telah ditakrifkan semula untuk mengembalikanreturn fun1()返回函数本身的结果，现在已经重新定义为返回arr，所以这似乎返回arr, jadi ini nampaknya kembali .
Jadi saya menulis semula fungsi ini, menghapuskan semua kod berlebihan:
function fun2() {
const arr = ["a", "b", "c", "d", "e"];
return arr;
}
Namun, Saya terkejut apabila mendapati kedua-dua fungsi ini berkelakuan berbeza sama sekali .
fun1()似乎返回对arr的引用，而fun2()似乎返回arrfun1() nampaknya mengembalikan rujukan kepada
fun2() nampaknya mengembalikan salinan .
Berikut ialah contoh minimum yang boleh diulang untuk menggambarkan perbezaannya:
// 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?
Nampak macam sihir berlaku...
Apakah perbezaan antara fun1()和fun2()
