JavaScript 申明函数的三种方法 每个函数就是一个对象（一）

根据你的要求，我来详细讲解一下“JavaScript 申明函数的三种方法 每个函数就是一个对象（一）”的完整攻略。

什么是函数？

在JavaScript中，函数是一种可重用的代码块，可以接收输入信息并返回输出。我们可以使用函数来封装一些代码，然后在需要的时候调用它。

申明函数的三种方法

在JavaScript中，我们可以使用三种不同的方式来申明一个函数。

1.函数声明

函数声明是定义函数最基本的方式。它定义了一个具有给定名称和参数列表的函数。

function sum(a, b) {
  return a + b;
}

函数声明必须以 "function" 开头，后面是函数的名称和一对圆括号，圆括号内是参数列表。函数体被放在一对大括号内。

2.函数表达式

函数表达式指的是将函数作为值赋给变量。这个函数可以是匿名的。

var sum = function(a, b) {
  return a + b;
};

这里使用了 "var" 关键字来定义一个变量，并将一个匿名函数作为值赋给这个变量。函数名称可以省略。

3.函数构造器

通过函数构造器，我们可以通过传入一个函数的字符串形式来构造一个新的函数。

var sum = new Function('a', 'b', 'return a + b');

这里使用了 "new Function" 构造器，传入了一个函数的字符串形式。函数参数名称作为后面的字符串列表传入，最后的字符串是函数体。

每个函数就是一个对象

在JavaScript中，函数也是一个对象。这意味着我们可以像操作其他对象一样来操作函数。

比如，我们可以为函数添加属性：

function sum(a, b) {
  return a + b;
}

sum.result = 0;
sum.author = 'John';

这里我们为 "sum" 函数添加了属性 "result" 和 "author"。

另外，我们还可以将函数作为参数传递给其他函数：

function greeting(name) {
  console.log('Hello, ' + name + '!');
}

function sayHello(greetingFunc) {
  greetingFunc('John');
}

sayHello(greeting);

这里我们将 "greeting" 函数作为参数传递给另一个函数 "sayHello"。

示例说明

这里给出两个示例来说明上述概念的应用。

示例一：使用函数构造器创建函数

var sum = new Function('a', 'b', 'return a + b');
console.log(sum(1, 2)); // 输出 3

在这个示例中，我们使用函数构造器创建了一个求和函数，并在控制台输出了这个函数的调用结果。

示例二：将函数作为参数传给其他函数

function greeting(name) {
  console.log('Hello, ' + name + '!');
}

function sayHello(greetingFunc) {
  greetingFunc('John');
}

sayHello(greeting); // 输出 'Hello, John!'

在这个示例中，我们定义了一个问候函数 "greeting" 和一个 "sayHello" 函数。"sayHello" 函数将 "greeting" 函数作为参数传递，并在函数内部调用传入的函数。最后，我们通过调用 "sayHello" 函数并传入 "greeting" 函数来输出问候信息。