JS返回值

上节我们介绍了函数的调用，当我们函数调用时会使用到另一个重要概念——返回值。

返回值

在 JavaScript 中，函数可以通过 return 语句返回一个值。返回值可以是任何 JavaScript 数据类型，包括数字、字符串、布尔值、对象等。

下面是一个简单的函数示例，演示了如何使用 return 语句来返回一个值：

function add(x, y) {
  return x + y;
}
var result = add(3, 4);
console.log(result); // 输出 7

在上述代码中，add 函数接受两个参数 x 和 y，并使用 return 语句返回它们的和。然后我们调用 add 函数并将返回的值存储在变量 result 中，最后通过 console.log 输出结果。

除了返回基本数据类型的值，函数还可以返回对象或数组等复杂数据类型。例如：

function createPerson(name, age) {
  return {
    name: name,
    age: age
  };
}
var person = createPerson("dotcpp", 25);
console.log(person); // 输出 { name: 'dotcpp', age: 25 }

在上述代码中，createPerson 函数接受两个参数 name 和 age，并使用 return 语句返回一个包含这两个属性的对象。

需要注意的是，当函数执行到 return 语句时，它会立即终止函数的执行，并将返回值传递给调用方。因此，如果在函数中有多个 return 语句，只有第一个执行到的 return 语句会生效，后面的 return 语句将不会执行。

另外，如果函数没有显式地使用 return 语句返回一个值，那么函数将返回一个特殊的值 undefined。

function doSomething() {
  // 没有返回语句
}
var result = doSomething();
console.log(result); // 输出 undefined

需要根据具体情况判断是否需要在函数中使用 return 语句，并根据需要返回相应的值。

返回值使用技巧

在 JavaScript 中，返回值使用技巧可以帮助你更好地处理函数返回的结果。以下是一些常用的技巧：

1.使用返回值进行条件判断：

function isValidNumber(num) {
  return typeof num === 'number' && !isNaN(num);
}
 
if (isValidNumber(42)) {
  console.log('Valid number');
} else {
  console.log('Invalid number');
}

在上述代码中，isValidNumber 函数返回一个布尔值，表示给定的参数是否为有效数字。通过返回值，我们可以根据这个结果进行相应的条件判断。

2.将返回值用作其他函数的参数：

function calculateSum(a, b) {
  return a + b;
}
function multiplyByTwo(num) {
  return num * 2;
}
var result = multiplyByTwo(calculateSum(5, 4));
console.log(result); // 输出 18

在上述代码中，calculateSum 函数返回两个数的和，而 multiplyByTwo 函数接受一个数并返回它乘以 2 的结果。我们可以将 calculateSum 的返回值直接作为 multiplyByTwo 函数的参数，从而得到最终的结果。

3.使用返回值进行链式调用：

var myArray = [1, 2, 3, 4, 5];
var sum = myArray
  .filter(function(num) {
    return num % 2 === 0;
  })
  .map(function(num) {
    return num * 3;
  })
  .reduce(function(acc, curr) {
    return acc + curr;
  }, 0);
console.log(sum); // 输出 18

在上述代码中，我们对数组 myArray 进行了一系列的操作。首先使用 filter 方法过滤出偶数，然后使用 map 方法将每个数乘以 3，最后使用 reduce 方法求得它们的和。通过返回值，我们可以链式调用这些方法，使代码更加简洁和可读。

4.返回对象或数组：

function getPerson(name, age) {
  return {
    name: name,
    age: age,
    greet: function() {
      console.log('Hello, my name is ' + this.name);
    }
  };
}
var person = getPerson('dotcpp', 25);
person.greet(); // 输出 "Hello, my name is dotcpp"

在上述代码中，getPerson 函数返回一个包含姓名、年龄和 greet 方法的对象。通过将函数的返回值设置为对象或数组，我们可以有效地组织和传递数据。

这些是一些常见的 JavaScript 返回值使用技巧，根据具体的需求，你可以灵活运用这些技巧来处理返回值，并使代码更加优雅和易于理解。