前期整理的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年前端学习路线图：课程、源码、笔记，技术栈另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我。

JavaScript的返回值相关推荐

JavaScript Promise返回值详解
JavaScript Promise返回值详解 Promise回顾 Promise回调函数返回非Promise值 Promise回调函数返回Promise对象 Promise回调函数中抛出错误总结 ...
js 判断变量是否有值返回bool_有没有办法可以获得javascript函数返回值里的bool值，代码如下：...
functionsubmitClick(){if(document.getElementById("userID").value==""){document.g ...
如何用mshtml获得Javascript中function的返回值[mshtml]
marginwidth="0" marginheight="0" src="http://218.16.120.35:65001/PC/Global/ ...
javascript中构造函数的返回值问题和new对象的过程
首先明白一点:javascript中构造函数是不须要有返回值的,这一点跟java非常类似.能够觉得构造函数和普通函数的最大区别就是:构造函数中没有return语句,普通函数能够有return语句.构造 ...
JavaScript基础08-day10【函数的返回值、实参、立即执行函数、方法、全局作用域、函数作用域、提前声明、this、工厂方法创建对象、构造函数】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
python数据库execute返回值_selenium+python自动化101-使用execute_script() 方法获取 JavaScript 返回值...
前言之前经常使用 execute_script() 方法执行 JavaScript 的来解决页面上一些 selenium 无法操作的元素,但是一直无法获取执行的返回值. 最近翻文档,发现 execu ...
java 异步得到函数返回值_使用JavaScript进行异步编程
毫无疑问,虽然JavaScript的历史比较悠久,但这并不妨碍它成为当今最受欢迎的编程语言之一.对刚接触该语言的人来说,JavaScript的异步特性可能会有一些挑战.在本文中,我们将了解和使用Pro ...
async js 返回值_获取JavaScript异步函数的返回值
今天研究一个小问题: 怎么拿到JavaScript异步函数的返回值? 1.错误尝试当年未入行时,我的最初尝试: function getSomething() { var r = 0; setTim ...
javascript函数的声明，及返回值
<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title></ ...

JavaScript的返回值