let user = { firstName: "John", sayHi() { alert(`Hello, ${this.firstName}!`); } }; let sayHi = user.sayHi.bind(user); sayHi(); // Hello, John! setTimeout(sayHi, 1000); // Hello, John! // even if the value of user changes within 1 second // sayHi uses the pre-bound value which is reference to the old user object user = { sayHi() { alert("Another user in setTimeout!"); } }; ¿Por qué este extraño comportamiento? Si cambio el valor del método, ¿no debería simplemente usar el valor cambiado? ¿Cómo obtiene user en un entorno léxico?
Estás combinando variables y objetos.
Después de este...
let user = { firstName: "John", sayHi() { alert(`Hello, ${this.firstName}!`); } }; Tienes una variable llamada user , que contiene un objeto. Pero el objeto no es la variable, y la variable no es el objeto. Si fuera a ejecutar user = null , el objeto aún existiría, hasta que se recolectara la basura.
A continuación, corre
let sayHi = user.sayHi.bind(user); Ahora tienes otra variable que contiene una función enlazada. La función está vinculada al objeto que se encuentra actualmente en user , pero no tiene nada que ver con la variable de user , excepto que aún puede acceder a esa variable para manipular el objeto (es decir user.firstName = "bob" ). La variable aún apunta al objeto creado anteriormente.
En este punto, podría ejecutar user = null y la función sayHi aún tendría una función, aún vinculada al objeto, que ya no se recolectará como basura porque hay una referencia activa a él. Está reasignando la variable, pero no eliminando/reemplazando el objeto al que apunta.
Más tarde, cuando ejecutes esto...
user = { sayHi() { alert("Another user in setTimeout!"); } }; Esto no es diferente a ejecutar user = null . La variable sayHi todavía tiene la función anterior, aún vinculada al objeto anterior. La variable user ya no es relevante para la variable sayHi de ninguna manera. Contienen dos objetos no relacionados.