如何重用这段代码？想要在javascript中学习新东西

Question

我在下面有这段代码。我可以重复使用var alertt或可能的方式吗？我尝试重新使用它作为下面的代码，但没有工作。我也尝试alertt();，但控制台说Uncaught TypeError: alertt is not a function。

$("#click").click(function(){
alertt;
})

var alertt = $(function(){
  alert("Message");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id ="click">
Click me
</button>

希望有人理解。想要学习新东西。

Answer 1

您的问题是因为您正在创建alertt作为document.ready事件处理程序，而不是显式函数。要修复此位置，将逻辑置于正确定义的函数中，然后在加载时单击按钮时调用它。试试这个：

＆＃13;

＆＃13;

$(function() {
  $("#click").click(alertt); // on click
  alertt(); // on load
});

var alertt = function() {
  alert("Message");
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id ="click">Click me</button>

＆＃13;

＆＃13;

＆＃13;

请注意，您还可以在加载时引发click()事件，以避免必须直接调用该函数：

＆＃13;

＆＃13;

$(function() {
  $("#click").click(alertt).click();
});

var alertt = function() {
  alert("Message");
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id ="click">Click me</button>

＆＃13;

＆＃13;

＆＃13;