JavaScript的返回值

前期整理的JavaScript内容16篇附在文章末尾

一、return语句

有的时候，我们会希望函数将值返回给调用者，此时通过使用 return 语句就可以实现。

return 语句的语法格式如下：

// 声明函数
function 函数名（）{
    ...
    return  需要返回的值；
}
// 调用函数
函数名();    // 此时调用函数就可以得到函数体内return 后面的值

• 在使用 return 语句时，函数会停止执行，并返回指定的值
• 如果函数没有 return ，返回的值是 undefined

有的时候，我们会希望函数将值返回给调用者，此时通过使用 return 语句就可以实现。

例如，声明了一个sum()函数，该函数的返回值为666，其代码如下：

// 声明函数
function sum（）{
    ...
    return  666；
}
// 调用函数
sum();      // 此时 sum 的值就等于666，因为 return 语句会把自身后面的值返回给调用者 

案例 1：利用函数求任意两个数的最大值

function getMax(num1, num2) {
    return num1 > num2 ? num1 : num2;
}
console.log(getMax(1, 2));
console.log(getMax(11, 2));

案例 2：利用函数求任意一个数组中的最大值

求数组 [5,2,99,101,67,77] 中的最大数值。

//定义一个获取数组中最大数的函数
function getMaxFromArr(numArray){
    var maxNum = 0;
    for(var i =0;i < numArray.length;i++){
        if(numArray[i] > maxNum){
            maxNum = numArray[i];
        }
    }
    return maxNum;
}
var arrNum = [5,2,99,101,67,77];
var maxN = getMaxFromArr(arrNum); // 这个实参是个数组
alert('最大值为：'+ maxN);

二、return终止函数

return 语句之后的代码不被执行。

function add(num1，num2){
    //函数体
    return num1 + num2; // 注意：return 后的代码不执行
    alert('我不会被执行，因为前面有 return');
}
var resNum = add(21,6); // 调用函数，传入两个实参，并通过 resNum 接收函数返回值
alert(resNum);          // 27

三、return 的返回值

return 只能返回一个值。如果用逗号隔开多个值，以最后一个为准。

function add(num1，num2){
    //函数体
    return num1，num2;
}
var resNum = add(21,6); // 调用函数，传入两个实参，并通过 resNum 接收函数返回值
alert(resNum);          // 6

案例：创建一个函数，实现两个数之间的加减乘除运算，并将结果返回

var a = parseFloat(prompt('请输入第一个数'));
var b = parseFloat(prompt('请输入第二个数'));
function count(a, b) {
    var arr = [a + b, a - b, a * b, a / b];
    return arr;
}
var result = count(a, b);
console.log(result);

四、函数没有return返回undefined

函数都是有返回值的

如果有return 则返回 return 后面的值

如果没有return 则返回 undefined

五、 break ,continue ,return 的区别

break ：结束当前的循环体（如 for、while）

continue ：跳出本次循环，继续执行下次循环（如 for、while）

return ：不仅可以退出循环，还能够返回 return 语句中的值，同时还可以结束当前的函数体内的代码

通过榨汁机看函数

留个作业

• 写一个函数，用户输入任意两个数字的任意算术运算（简单的计算器小功能），并能弹出运算后的结果。
• 写一个函数，用户输入任意两个数字的最大值，并能出弹运算后的结果。
• 写一个函数，用户输入任意三个不同数字的最大值，并能弹出运算后的结果。
• 写一个函数，用户输入一个数判断是否是素数，并返弹出回值(又叫质数，只能被1和自身整数的数)

JavaScript的相关学习资料：

•  认识JavaScript到初体验
• JavaScript 注释以及输入输出语句
• JavaScript变量的使用、语法扩展、命名规范
• JavaScript数据类型简介以及简单的数据类型
• JavaScript获取变量数据类型
• JavaScript 运算符&算数运算符
• JavaScript递增和递减运算符
• JavaScript：比较运算符和逻辑运算符
• JavaScript：赋值运算符以及运算符优先级
• JavaScript 流程控制-实际案例学习if语句
• JavaScript三元表达式&分支流程控制 switch
• JavaScript的for循环学不明白看这篇
• 案例方式学习JavaScript双重for循环
• JavaScript遍历数组，附5个案例
• JavaScript函数的概念和使用
• JavaScript函数的参数

---

黑马前端专栏干货多多，关注再学，好方便~

2022年前端学习路线图：课程、源码、笔记，技术栈  另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我。

​