从控制台调用Javascript函数

Question

在Chrome的JavaScript控制台中,如何调用属于我正在查看的网页中包含的.js文件的函数？

Answer 1

如果它在一个封闭内,我很确定你不能.

否则你只需要做functionName();并返回.

`undefined`是函数的返回值.Chrome的开发工具会自动打印从控制台调用的任何函数的返回.如果它不起作用,你会看到`ReferenceError:functionName未定义`为红色. (76认同)
+1上面的超级有用的评论. (2认同)

Answer 2

控制台将返回ReferenceError的示例是将函数放入JQuery文档就绪函数中

//this will fail
$(document).ready(function () {
          myFunction(alert('doing something!'));
          //other stuff
}

要成功将函数移到文档就绪函数之外

//this will work
myFunction(alert('doing something!'));
$(document).ready(function () {

          //other stuff
}

然后在控制台窗口中,键入带有'()'的函数名来执行该函数

myFunction()

同样有用的是能够打印出功能体,以提醒自己功能的作用.通过从函数名称中删除'()'来执行此操作

function myFunction(alert('doing something!'))

当然,如果您需要在加载文档后注册该函数,那么您无法执行此操作.但是你可以解决这个问题.

Answer 3

这是一个较旧的线程,但我只是搜索并找到它.我不熟悉使用Web Developer Tools:主要是Firefox Developer Tools(Firefox v.51),还有Chrome DevTools(Chrome v.56)].

我无法从Developer Tools控制台运行函数,但后来我发现了这一点

我能够将代码添加到Scratchpad,突出显示并运行一个函数,根据附加的屏幕截图输出到控制台.

我还添加了Chrome"Scratch JS"扩展程序:看起来它提供了与Firefox Developer Tools中的Scratchpad相同的功能(下面的屏幕截图).