为什么eren＆＃x27; t函数作为可变形的参数传递，例如JS中的其他对象（对象，数组）？

Question

例如，我们知道，如果对数组的引用在函数范围内被突变或重新分配，则该数据的任何指针也将指向突变/重新分配的值。

function arrReassigned() {
    let arr = [1,2,3];
    setTimeout(() => console.log(arr), 0);
    arr = [4,5,6];
}

function arrMutates() {
    const arr = [1,2,3];
    setTimeout(() => console.log(arr), 0);
    arr.push(4);
}

let nums = [1,2,3];

function mutateNums(nums) {
  nums.push(4);
}

arrReassigned(); // [4,5,6]
arrMutates(); // [1,2,3,4]

mutateNums(nums);
console.log(nums); // [1,2,3,4]

我对上述内容的理解是：

• arr最初是分配的
• settimeout，并立即弹出呼叫堆栈，回调arg被推入JS任务队列〜0毫秒〜0毫秒后，
• 对数组的引用被重新分配或值得重新分配的值它指出要进行突变的
• 呼叫堆栈是空的，因此事件循环将任务队列的回调推到呼叫堆栈上。回调执行和引用按预期重新分配/突变的ARR变量。

我试图通过功能重新分配来重新创建此功能，但它的行为不像预期。

function a() {
    function b() { console.log('b') }
    setTimeout(b, 0);
    b = function() { console.log('c') }
    b();
}

a(); // logs 'c' then 'b'

当功能b以参数传递并最终通过任务队列调用时，它不会引用重新分配的值。

function a() {
    function b() { console.log('b') }
    setTimeout(() => b(), 0);
    b = function() { console.log('c') }
    b();
}

a(); // logs 'c' then 'c'

当我们将一个Anon回调传递到SetteMeout中时，它似乎会按照我们的期望引用重新分配的函数。

到底发生了什么？如果该函数是作为参数传递的，为什么它不像另一个对象那样引用重新分配的值（例如数组）。我的理解是，当Settimeout执行执行时，创建了对函数的引用的副本，但是当当将其引用的副本作为参数传递到函数和函数时，我为何不遵循其他对象的规则感到困惑然后可以突变。

Answer 1

重要的是，当变量被查找以获取其价值时。如果您在回调函数中查找变量，则在重新分配后将获得其最新值。

当您进行settimeout（b，0）时，b在调用settimeout（）时查找。获取原始函数对象，然后将其传递给settimeout（）。重新分配变量对此没有影响。

当您执行settimeout（（）=＆gt; b（），0）时，您将匿名函数传递到settimeout（）。调用该功能时，它会查找b并获取其更新值。

Answer 2

因为您没有做同样的事情。在您的arrReassigned函数中，您将功能传递到settimeout上，该功能通过arr关闭。当该功能运行时，它会看到arr的当时流动值。

但是在您的第一个a函数中，您将b 本身本身传递到settimeout中。然后，您将b分配一个新值，但这对将您传递到settimeout的值没有任何影响。

如果使与arrreassigned相同，则通过通过关闭b的函数，您会看到您期望的结果：

function a() {
    function b() { console.log('b') }
    setTimeout(() => b(), 0); // ***
    b = function() { console.log('c') }
    b();
}

a(); // logs 'c' then 'c'

在这方面，如何处理函数对象和数组对象（或任何其他类型的对象）没有区别。例如，以相反的方式进行此操作，使arrReassigned看不到重新分配，因为您的第一个a没有：

function example(a) {
    setTimeout(() => console.log(a), 0);
}
function arrReassigned() {
    let arr = [1,2,3];
    example(arr);
    arr = [4,5,6];
}

arrReassigned(); // Logs [1, 2, 3]

这与您的第一个a函数完全一样示例 logs [1，2，3]。

---

您似乎特别有疑问的部分是（第一个a）：

function a() {
    function b() { console.log('b') }
    setTimeout(b, 0);
    b = function() { console.log('c') }
    b();
}

a(); // logs 'c' then 'b'

a （）的情况

让我们浏览您调用将对该功能的引用分配给本地变量b。在这一点上，我们在内存中有类似的东西：

                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+
b: Ref54612−−−−−−>|         (function)         |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+
                  | name: "b"                  |
                  | [[Code]]: console.log("b") |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+

“ Ref54612”只是代表性的，但是（无论如何对我来说）将对象引用视为数字，这些数字告诉javaScript引擎，在内存中对象在其他位置的位置。

2。它调用settimeout（b，0）;将b的当前值传递到settimeut中，这将其放在记录中环境的计时器列表说“在x时呼唤这个”。在这一点上，我们在内存中有类似的东西：

                                +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+
                                |                                              |
                                v                                              |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                               |
b: Ref54612−−−−−−>|         (function)         |                               |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                               |
                  | name: "b"                  |                               |
                  | [[Code]]: console.log("b") |                               |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                               |
                                                                               |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                              |
Host timer list−−>|            (list)           |                              |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+      +−−−−−−−−−−−−−−−−−−−−+  |
                  | 0                           |−−−−−>|    (timer info)    |  |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+      +−−−−−−−−−−−−−−−−−−−−+  |
                  | {callback: Ref54612, at: X} |      | callback: Ref54612 |−−+
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+      | at: X              |
                                                       +−−−−−−−−−−−−−−−−−−−−+

3。它为b变量分配了 new 函数。现在我们有了这样的东西：

                                +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+
                                |                                              |
                                v                                              |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                               |
                  |         (function)         |                               |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                               |
                  | name: "b"                  |                               |
                  | [[Code]]: console.log("b") |                               |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                               |
                                                                               |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+                              |
Host timer list−−>|            (list)           |                              |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+      +−−−−−−−−−−−−−−−−−−−−+  |
                  | 0                           |−−−−−>|    (timer info)    |  |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+      +−−−−−−−−−−−−−−−−−−−−+  |
                  | {callback: Ref54612, at: X} |      | callback: Ref54612 |−−+
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+      | at: X              |
                                                       +−−−−−−−−−−−−−−−−−−−−+
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+
b: Ref84965−−−−−−>|         (function)         |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+
                  | name: "b"                  |
                  | [[Code]]: console.log("C") |
                  +−−−−−−−−−−−−−−−−−−−−−−−−−−−−+

请注意如何更改b内部的值（“ ref84965”）对计时器要调用的功能没有任何影响（“ ref54612”）。

4。它调用b（），该记录c，因为这是新函数所做的。

5。后来，当主机环境看到该函数是时候在Ref54612上调用该函数时，它确实可以记录“ B”，因为那是该函数的作用。

相反，使用您的arrReassigned示例，您将函数（不是arr）传递给settimeout（因为传递arr对于它是没有意义的），后来在运行函数时会查找arr 然后的值，并使用了您分配给它的新数组。