【JavaScript】深度理解js的函数（function、Function）

在JavaScript中，Function 是一个内置的引用类型，它是函数（方法）对象的基础。每个函数都是 Function 类型的实例。

函数可以通过多种方式进行定义，最常见的是使用函数声明或函数表达式。

// 函数声明
function myFunction(arg1, arg2) {
  // 函数体
}
 
// 函数表达式
var myFunction = function(arg1, arg2) {
  // 函数体
};

在JavaScript中，函数也是对象，所以可以像其他对象一样对其进行操作。例如，你可以将函数赋值给变量，或作为其他函数的参数。

// 函数作为值赋给变量
var add = function(a, b) {
  return a + b;
};
 
// 函数作为其他函数的参数
function applyFunc(func, arg1, arg2) {
  return func(arg1, arg2);
}
 
var result = applyFunc(add, 5, 3); // 结果为8

Function 类型的属性：

• length：表示函数期望接收的参数个数。
• prototype：表示函数的原型对象，用于为对象实例定义共享的属性和方法。

Function 类型的方法：

• call()、apply()：用于调用函数，并以指定的 this 值和参数执行代码。
• bind()：创建一个新的函数，在调用这个函数时，将其 this 关键字设置为提供的值，在调用新函数时，遵循提供的参数序列。

function greet(greeting, punctuation) {
  return greeting + ',' + this.name + punctuation;
}
 
var greetJohn = greet.bind({ name: 'John' }, 'Hello', '!');
console.log(greetJohn()); // 输出 "Hello, John!"

Function 类型的创建和使用：

// 使用Function构造函数创建函数
var addFunc = new Function('a', 'b', 'return a + b');
console.log(addFunc(5, 3)); // 输出 8

注意：使用 Function 构造函数创建函数不推荐，因为这种方式可读性差，并且每次都会创建新的函数，影响性能。通常，推荐使用函数声明或函数表达式来创建函数。