js javascript函数 匿名 具名 回调函数 jquery Vue 调用结构理解

在JavaScript中，函数可以是匿名的，也可以是具名的。具名函数可以在代码的任何地方通过名称调用。而匿名函数通常作为值使用，比如作为回调函数传递给其他函数。

1. 匿名函数：

const print = function() {
  console.log("Hello, World!");
};
print();

2. 具名函数：

function namedPrint() {
  console.log("Hello, World!");
}
namedPrint();

3. 回调函数：

const doSomething = function(callback) {
  // ...一些代码...
  callback();
};
 
doSomething(function() {
  console.log("Callback function called!");
});

4. jQuery中的函数：

$("#myButton").click(function() {
  alert("Button clicked!");
});

5. Vue中的方法：

new Vue({
  el: '#app',
  methods: {
    greet: function() {
      alert("Hello from Vue!");
    }
  }
});

HTML部分可能包含：

<div id="app">
  <button @click="greet">Say hello</button>
</div>

以上代码展示了如何在JavaScript、jQuery和Vue中定义和使用函数，包括匿名函数、具名函数和回调函数。