从firebug控制台调用自定义函数

Question

我创建了一个文档来加载一个.js文档,该文档包含我创建的一些JQuery函数.我想使用firebug控制台在我的html文档上快速测试这些函数的功能.但是当我尝试在控制台中调用这些函数时,我没有得到任何响应.

例如:

• 我有index.html调用我的JS:

  <script src="jquery.js" type"text/javascript"></script>
  <script src="myfunctions.js" type="text/javascript"></script>
  

• Myfuntions.js中定义了以下内容:

  function showAbout(){
    $('div#about').show("slow");
    $('.navbar #about-button').attr('disabled', true); 
  }
  

问题:

当我尝试 在index.html上调用showAbout或showAbout()从控制台调用时,我没有得到任何更改.但是,当我直接打电话$('div#about').show("slow");或$('div#about').show("slow");从控制台调用时,我得到了预期的行为.
从控制台调用用户定义函数的正确方法是什么？

Answer 1

如果showAbout在全局范围内定义,则应该能够showAbout();在控制台中编写并查看结果.如果没有,那么你可能会将你的函数放在一个范围函数中,如下所示:

(function() {
    function showAbout() {
    }
})();

如果是这样,对你有好处,你就避免了创建的全局变量/函数.但它确实意味着您无法从控制台访问这些功能,因为控制台只能访问全局范围.

如果要导出其中任何一个,以便可以从控制台使用它们(可能只是暂时的,用于调试),您可以这样做:

(function() {
    window.showAbout = showAbout;
    function showAbout() {
    }
})();

这显然将showAbout属性放在window引用您的函数的全局对象()上.然后showAbout();在控制台中工作.