JS之函数的属性

JavaScript 函数是非常强大的，因为它们不仅可以作为可调用的代码块，还可以像对象一样拥有属性。以下是一些常见的函数属性和元属性：

1. length

• 描述：表示函数的形参列表中的参数个数，即函数定义时的参数个数，而不是调用时传递的参数个数。
• 示例：

function sampleFunction(a, b, c) {}

console.log(sampleFunction.length); // 输出: 3

2. name

• 描述：返回函数的名称。对于匿名函数，这个属性会返回空字符串。
• 示例：

function namedFunction() {}

console.log(namedFunction.name); // 输出: "namedFunction"

const anonFunction = function() {};
console.log(anonFunction.name); // 输出: ""

3. prototype

• 描述：这是每个函数对象都有的一个属性，只有构造函数有这个属性。它指向一个对象，所有通过该构造函数创建的实例都共享这个对象的属性和方法。
• 示例：

function Person(name) {
  this.name = name;
}

Person.prototype.greet = function() {
  console.log('Hello, ' + this.name);
};

const john = new Person('John');
john.greet(); // 输出: Hello, John

4. caller (非标准)

• 描述: 指向调用当前函数的函数。这个属性在严格模式下不可用，因此不建议使用。
• 示例：

function first() {
  second();
}

function second() {
  console.log(second.caller);
}

first(); // 输出: [Function: first]

5. arguments (非标准，且已弃用)

• 描述：指向传递给当前函数调用的参数。这个属性已被弃用，不推荐使用，可以使用 arguments 对象代替。
• 示例：

function testFunc(a, b) {
  console.log(testFunc.arguments);
}

testFunc(1, 2); // 输出: [Arguments] { '0': 1, '1': 2 }

自定义属性

JavaScript 函数可以扩展自定义属性，这让函数对象更为强大：

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

// 添加自定义属性
add.description = "This function adds two numbers";
add.version = "1.0.0";

console.log(add.description); // 输出: "This function adds two numbers"
console.log(add.version);     // 输出: "1.0.0"

使用函数属性存储状态

在某些情况下，你可以利用函数属性来存储状态或其他信息：

const counter = (function() {
  let count = 0;

  function counterFunc() {
    count += 1;
    return count;
  }

  counterFunc.reset = function() {
    count = 0;
  };

  counterFunc.getCount = function() {
    return count;
  };

  return counterFunc;
})();

console.log(counter()); // 输出: 1
console.log(counter()); // 输出: 2
console.log(counter.getCount()); // 输出: 2
counter.reset();
console.log(counter()); // 输出: 1

总结

JavaScript 函数不仅仅是可调用的代码块，它们也是对象，具备一些特殊的内建属性如 length、name、prototype以及可以自定义的属性。这些属性使得函数在 JavaScript 中更加灵活和强大，允许开发者以面向对象的方式处理函数行为和状态。理解这些属性，有助于更有效地编写和使用函数。