如何在chrome开发者工具中调用匿名函数？

Question

Here is my code:

 (function(params) { function sayHi(text) { console.log(text); } sayHi("Hello world") })()

How can I call the sayHi() function from chrome developer tools?

Answer 1

sayHi is scoped to the IIFE it is declared inside.

You can therefore only call it:

• From the same scope
• From a scope you copy the function to

From the same scope

You need to move the scope of the Chrome Console into the function. You can do this by adding a breakpoint inside the IIFE (via the Sources panel) and then causing the IIFE to rerun by reloading the page.

Then you can call the function as normal.

Copy the function to a different scope

This requires that you edit the source code. The general way to do this is by returning a value from the IIFE.

 const sayHi = (function(params) { function sayHi(text) { console.log(text); } sayHi("Hello world"); return sayHi; })() sayHi("This can now be called from outside the function, if this is the global scope it will be accessible to the Chrome Console");