Javascript Function.length

在Javascript中，每一个函数（Function）都具有一个length属性。这个属性返回的是函数声明时指定的形式参数个数，也就是函数期望传入的参数个数。

function foo(first, second, third) {
  // do something
}

console.log(foo.length); // 3

上述代码中，我们定义了一个名为foo的函数，并指定了三个形式参数，所以foo.length的值为3。

length的用途

函数的length属性可以用于多种场合，例如：

函数重载

函数重载（overloading）是一种根据传入参数类型或个数的不同来执行不同操作的技术。在Javascript中，函数重载并不是一种固有的机制，但可以通过length属性来实现。例如：

function foo() {
  if (arguments.length === 1 && typeof arguments[0] === 'number') {
    // do something with a single number argument
  } else if (arguments.length === 2 && typeof arguments[0] === 'string' && typeof arguments[1] === 'number') {
    // do something with a string and a number argument
  } else {
    throw new Error('Invalid arguments');
  }
}

foo(42); // do something with a single number argument
foo('hello', 42); // do something with a string and a number argument
foo('hello'); // throws an Error

上述代码中，我们定义了一个名为foo的函数，它根据传入参数的个数和类型来执行不同的操作。如果传入一个数字参数，则执行某种操作；如果传入一个字符串和一个数字参数，则执行另一种操作。

函数默认值

通过利用函数的length属性，我们可以轻松地实现传入不足指定参数个数时的默认值。例如：

function foo(first, second, third) {
  if (third === undefined) {
    third = 'default value';
  }
  // do something with first, second, and third
}

foo(1, 2); // third is set to 'default value'

上述代码中，我们定义了一个名为foo的函数，它有三个形式参数，但在调用它时只传入了前两个参数。在函数内部，我们可以检查第三个参数是否为undefined，如果是，则设置为默认值。这种技巧可以帮助我们简化代码，同时减少出错的可能性。

总结

Javascript中的函数对象具有length属性，它返回了函数期望传入的参数个数。我们可以利用这个属性来实现函数重载、函数默认值等功能。在编写Javascript代码时，我们应该熟悉length属性的用法，并结合实际场景灵活运用。