首页 > 编程笔记 > JavaScript笔记 阅读:16

JavaScript return函数返回值的用法(附带实例)

调用函数时,有时需要得到处理的结果,这个结果就称为返回值。JavaScript 使用 return 语句中终止函数的执行并将结果返回给调用者。

return 语句后跟的返回值可以是变量、数组、函数等任意类型的值。当没有 return 语句,或者 return 语句后没有指明返回的值时,函数都返回“undefined”。

【实例】return 的使用。
function getSum(num1, num2) {
    if (typeof num1 !== 'number' || typeof num2 !== 'number') {
        return '请输入数字'; // return 使函数中止执行,它后面的代码不再执行
    }
    return num1 + num2;
}
console.log(getSum('1', 2));
console.log(getSum(1, '2'));
console.log(getSum(1, 2));
程序定义了函数 getSum(),它通过 return 语句将两个数的和返回。当调用函数传入的实参有一个不是数字时,返回提示信息“请输入数字”,return 语句后的代码不会被执行,因此不会计算 num1 和 num2 的和。在 Chrome 浏览器中的运行结果为:

请输入数字
请输入数字
3

JavaScript return返回多个值

当 return 语句需要返回多个值时,可以在函数中定义一个数组,将多个值存储到数组中,然后通过 return 语句将数组返回。

【实例】返回两个数的加、减、乘、除结果
function getResult(num1, num2) {
    return [num1 + num2, num1 - num2, num1 * num2, num1 / num2];
}
var result = getResult(1, 2); // 返回的是一个数组
console.log(result);
程序定义了函数 getResult(),它通过 return 语句将两个数的加、减、乘、除的值返回。return 语句将加、减、乘、除的值存储到数组中,因此可返回多个值。在 Chrome 浏览器中的运行结果为:

[3, -1, 2, 0.5]


【实例】没有 return 语句的函数返回值。
function sayHi(name) {
    console.log('hi~~' + name);
}

var result = sayHi("雪容融");
console.log(result);
程序定义了函数 sayHi(),它向控制台输出字符串“hi~~”和实参拼接的字符串。由于函数没有 return 语句,因此变量 result 的值是函数的返回值 undefined。在 Chrome 浏览器中的运行结果为:

hi~~雪容融
undefined

相关文章