Estoy aprendiendo JS ahora y no puedo entender por qué la directiva 'usar estricto' no funciona para una devolución de llamada para setTimeout. Como sé, para uso estricto, debe estar indefinido pero siempre tener un objeto global.
function f() { 'use strict' console.log(this === window) } function g() { console.log(this === window) } setTimeout(g,1000) // expect true, have true setTimeout(f,1000) // expect false, have trueCuando setTimout() invoca una función en el navegador, establece this en window . Es por eso que no se ve afectado por el modo estricto: se proporciona this valor, en lugar de dejarlo sin configurar.
La especificación para setTimeout se puede encontrar en el estándar HTML
Los pasos de inicialización del temporizador , dado un
WindowOrWorkerGlobalScopeglobal , un controlador de cadena oFunction, un número de tiempo de espera , una lista de argumentos , una repetición booleana y, opcionalmente (y solo si la repetición es verdadera) un número anteriorId , son:1. Deje que thisArg sea global si es un objeto
WorkerGlobalScope; de lo contrario, deje que thisArg sea elWindowProxyque corresponde a global .[...]
9. Deje que la tarea sea una tarea que ejecuta los siguientes subpasos:
Si la identificación no existe en el mapa global de temporizadores activos, cancele estos pasos.
Si el controlador es una
Function, invoque los argumentos proporcionados por el controlador con la devolución de llamada este valor establecido en thisArg . Si esto arroja una excepción, atrápela e informe la excepción.[...]
En esencia, el resultado es similar a llamar a la función así:
function f(){ 'use strict' console.log(this) } f.call(window)Puede pensar en esta ventana === cuando llama a una función como f () en modo no estricto como un valor predeterminado para esto (el valor pasado no está definido ).
Pero también hay una manera de proporcionar este valor explícitamente, por ejemplo
f.call(Window)En ese caso, esto se establece explícitamente y no se necesita ningún valor predeterminado para esto no estricto. Tanto las funciones estrictas como las no estrictas mostrarán la misma ventana.
Hablando con franqueza, cuando pasa una función como una devolución de llamada, no sabe cómo se llamará a esa devolución de llamada y necesita verificar el código de una función contenedora.
setTimeout hace algo así como esa pseudofunción:
function setTimeout(callback, delay, param3, param4,...){ // waiting a timer callback.call(Window, param3, param4, ...) }PD: si está interesado, publiqué hace un par de años sobre eso: https://dev.to/smlka/easyspec-how-does-settimeout-invoke-a-callback-function-in-a-browser-44kh