如何让你的JavaScript函数更加优雅详解

如何让你的JavaScript函数更加优雅详解

在编写JavaScript代码时，如何编写更加优雅的函数是一个值得探究的话题。下面，我们来一步步探讨如何让你的JavaScript函数更加优雅。

1.减少函数参数的数量

函数的参数数量应该尽可能的少，通常在3个以内是比较合适的。这样做的好处是可以避免函数的复杂性并提高代码的可读性，同时也可以提高代码的重用性和可维护性。

看下面的例子：

function calculate(a, b, c, d, e) {
  // 代码
}

这个函数具有5个参数，这样的参数数量过多，不太便于调用和修改。而将多个参数转化为一个参数，或者将参数对象包装起来，则是一种较为常见的解决方法。

function calculate({a, b, c, d, e}) {
  // 代码
}

或者：

function calculate(obj) {
  const {a, b, c, d, e} = obj;
  // 代码
}

2.利用默认参数

利用默认参数可以简化代码，也能使代码更加容易阅读和维护。

// 传统方式
function multiply(a, b) {
  if (typeof b === 'undefined') {
    b = 1;
  }

  return a * b;
}

// 使用默认参数
function multiply(a, b = 1) {
  return a * b;
}

在新的ES6语法中，我们可以定义默认参数值，这样可以更加清晰的表明接受的参数的默认值。

function purchase(item, quantity = 1, discount = 0) {
  return item.price * quantity * (1 - discount);
}

需要注意的是，如果没有传入第一个参数，而传入了第二个参数，则第二个参数将覆盖默认参数的值：

purchase({price: 10}, 2);  // 20

在函数参数中使用默认参数值的主要好处是避免严格相等比较传入的值是否是undefined的痛苦过程。