jQuery document.ready和函数放置

Question

我有一个功能：

function pickPhrase(phraseArray){
    var phraseShuffled = fyshuffle(phraseArray);
    var phrasePick = phraseShuffled[0];
    return phrasePick;
};

在$(document).ready(function(){ /*code*/ }); ，我将其分配给html标签中的onClick事件。 （是的，我知道onClick内联形式很差-目前我正在使用它！）

这是一件有趣的事情：仅在$(document).ready函数之外定义了pickPhrase它才起作用（即，单击时执行函数$(document).ready 。 当它为INSIDE时，Chrome控制台会告诉我“ ReferenceError：未定义pickPhrase”。

但是， console.log(pickPhrase(phraseArray)); 无论是否在内部或外部定义了phraseArray都将在$(document).ready内部工作。

所以为什么？

Answer 1

当您在另一个函数中声明一个函数时，它在该函数中是本地的 。 “就绪”处理程序是一个函数，因此就可以了。

对于“ onfoo”属性处理程序，引用的函数必须是全局的。

如果您必须以这种方式分配事件处理程序（请不要这样做），则可以通过显式分配从“就绪”处理程序中“导出”一个函数：

$(function() { // don't really need $(document).ready( - just $( is enough

  function pickPhrase(phraseArray){
    var phraseShuffled = fyshuffle(phraseArray);
    var phrasePick = phraseShuffled[0];
    return phrasePick;
  };

  window.pickPhrase = pickPhrase;
});

Answer 2

$(document).ready(function(){ /*code*/ });

因为/ *代码* /在匿名函数中，该函数由ready函数变量执行，并且在函数内部声明的函数将仅在该范围内可用，而在全局范围内不可用。 在其中使用console.log是可行的，因为它具有相同的作用域，但是尝试使用html中的onclick来访问它时，会假定它在全局作用域中，除非您使用命名空间并提供一种机制来访问它。

Answer 3

如果函数在$(document).ready(){ function thisFunction(){}}; 然后进行内联onClick="thisFunction();" 将看不到ready()里面的内容

Answer 4

范围。 当在您的就绪处理程序之外定义时，短语数组是一个全局变量，可从全局范围内定义的任何范围访问。 在内部定义时，短语数组的范围仅限于该函数的范围。