只能在setTimeout回調中運行JavaScript函數嗎？

Question

這是一個問題：

定義一個名爲print的函數，它只是輸出它獲取的參數。

但是，如果它被正常調用，它不會打印出任何東西。

只有在setTimeout回調中才會生效。

e.g：

setTimeout(function() { 
    print('123'); //===> 123 
}); 

print('456'); //===> nothing output 

我有一個解決方案，但我不認爲這是一個很好的方式，我改寫的setTimeout。

我想要一個更好的解決方案好奇。

var print = function() { 
    'use strict'; 
    var __origSetTimeout = window.setTimeout; 

    window.setTimeout = function(fn, delay) { 
     var _fn = new Function(`(${fn.toString().replace(/print\(/g, 'print.call(this,')}).call(this);`); 
     return __origSetTimeout.call(window, _fn.bind({ 
      isFromSetTimeout: true 
     }), delay); 
    }; 

    return function print(word) { 
     if (!this || !!this && !this.isFromSetTimeout) return; 
     console.log(word); 
    }; 
}.call(null); 

Answer 1

您可以使用範圍，以解決這個問題，例如

function A(){ 
 
    let print = function(str){ 
 
     console.log(str); 
 
    } 
 
    this.setTimeout = function(){ 
 
     setTimeout(function(){ 
 
      print('123'); 
 
     }, 1000); 
 
    } 
 
} 
 

 

 
let a = new A(); 
 
a.setTimeout();

Answer 2

你可以使用一個猴子補丁的print功能的擴展與用於此額外的檢查對象和打印屬性。

// simple function with output 
 
function print(s) { 
 
    console.log(s); 
 
} 
 

 
// apply monkey patch 
 
void function() { 
 
    var p = print; 
 
    print = function() { 
 
     if (this && this.timeout) { 
 
      p.apply(this, arguments); 
 
     } 
 
    } 
 
}(); 
 

 
// bind additional information 
 
setTimeout(print.bind({ timeout: true }, '123')); 
 
\t 
 
print('456');