JS函数是JavaScript编程中非常重要的组成部分，它帮助开发者组织和重用代码。下面将详细介绍JS函数的定义与调用方法。
JS函数的定义可以分为以下几种：
1. 函数声明（Function Declaration）
函数声明是一种通过特定语法结构定义函数的方式。其语法如下：
```javascript
function functionName(parameters) {
// 函数体
return value;
}
```
函数声明会进行“提升”（hoisting），意味着函数可以在声明之前被调用。
2. 函数表达式（Function Expression）
函数表达式是将一个匿名函数赋值给一个变量，或者直接将匿名函数赋值给一个对象属性。例如：
```javascript
var myFunction = function(parameters) {
// 函数体
return value;
};
```
或者使用对象字面量的方式来定义：
```javascript
var myObject = {
myMethod: function(parameters) {
// 方法体
return value;
}
};
```
3. 箭头函数（Arrow Function）
ES6 引入了一种新的函数定义方式——箭头函数，它提供了一种更简洁的函数书写方式。例如：
```javascript
var sum = (a, b) => a + b;
```
这与以下传统的函数表达式等价：
```javascript
var sum = function(a, b) {
return a + b;
};
```
接下来，我们来了解JS函数的调用方法，JS函数调用主要有以下几种模式：
1. 方法调用模式（Method Invocation Pattern）
当你在对象的方法中调用函数时，函数内的this关键字将指向该对象。例如：
```javascript
var blogInfo = {
blogId: 123,
blogName: "werwr",
showBlog: function() {
alert(this.blogId);
}
};
blogInfo.showBlog(); // 这里this指向blogInfo对象
```
2. 函数调用模式（Function Invocation Pattern）
当你直接调用一个函数，而没有通过方法调用或构造函数调用时，函数内的this将指向全局对象。例如：
```javascript
var myfunc = function(a, b) {
return a + b;
};
alert(myfunc(3, 4)); // 这里this指向window对象
```
3. 构造器调用模式（Constructor Invocation Pattern）
通过new关键字调用函数，将其作为构造器函数。函数内的this指向新创建的对象。例如：
```javascript
var myfunc = function(a) {
this.a = a;
};
myfunc.prototype.show = function() {
alert(this.a);
};
var newfunc = new myfunc("***");
newfunc.show(); // 这里this指向newfunc对象
```
4. apply和call调用模式（Apply and Call Invocation Pattern）
apply和call方法允许你在调用函数时指定this的值。apply接收一个参数数组，而call可以接收任意数量的参数列表。例如：
```javascript
var myobject = {};
var sum = function(a, b) {
return a + b;
};
var sum2 = sum.apply(myobject, [10, 30]); // 使用apply
// var sum2 = sum.call(myobject, 10, 30); // 使用call，等同于apply
alert(sum2); // 输出40
```
在这个例子中，myobject作为函数sum的上下文，即sum函数中的this指向了myobject。
总结来说，JS函数的定义与调用是JavaScript编程中不可或缺的基础知识。理解不同函数声明方式和调用模式对于编写高质量的JavaScript代码至关重要。以上就是对JS函数定义与调用方法的详细解读，希望对您有所帮助。
