Javascript 在代码的其他部分如何调用此函数？

如果这是一个非常愚蠢的问题，请原谅。我是JS的新手，我想知道如何在代码的其他部分使用这个函数。我看过教程和其他网站，但它们定义函数的方式似乎与我这里的不同。谁能把我推到正确的方向吗

$('.message_div').each(function message_function()
{
    console.log("One liner");
  var th = $(this);
  var ih = $(this).outerHeight(); // outer height
  var oh = $(this).find('.message').outerHeight(); 
    console.log("Oh", oh);
  var txt = $(this).find('.message').html(); 
    console.log("Ih", ih);



   if (oh > ih)
   {
       th.html('');
       th.html('<marquee class="message" direction="up" scrollamount="1" scrolldelay="0">' + txt + '</marquee>')
   }
});

//message_function(); -----> Is this the right way?

$（'.message\u div'）。每个（函数message\u function（）
{
控制台日志（“一行”）；
var th=$（本）；
var ih=$（this）.outerHeight（）；//外部高度
var oh=$（this.find（'.message'）.outerHeight（）；
console.log（“噢”，噢）；
var txt=$（this.find（'.message'）.html（）；
控制台日志（“Ih”，Ih）；
如果（oh>ih）
{
html（“”）；
html（“”+txt+“”）
}
});
//消息_函数（）；----->这条路对吗？

关于jQuery的功能，这里有几个复杂之处。稍后引用此函数的简单方法是将其存储在变量中：

function message_function()
{
    console.log("One liner");
    var th = $(this);
    //... (rest of function omitted for brevity)
}

$('.message_div').each(message_function);//note that the function handle is used here,
                                         //and not the result of the function which would
                                         //have used the () to call it

///and then later on
message_function();

然而，这里的问题在于

这个
。jQuery将在幕后绑定
这个
（这意味着它在
每个
中都可以正常工作），但是为了正确地单独调用消息函数，您需要准备好一个元素进行绑定。比如说,

var element = document.querySelector("div");
message_function.call(element);

或者：

var element = document.querySelector("div");
var elementMessage = message_function.bind(element);
elementMessage();

下面是关于什么是
，以及jQuery如何与之交互的更广泛解释：
在同一个文件中：


将代码移到函数中
调用函数

在该文件之外：


将函数（您刚刚创建的）移动到
.js
文件中

在所需文档中包含
.js
文件

确保DOM元素属性与脚本中的内容匹配

按照您在这些教程中学习的方法声明函数，然后您可以将其用于jQuery（
$（'.message\u div'）。每个（message\u function）
）并从任何地方调用它。将其定义为函数，然后按函数名调用或直接将其添加为事件响应