JavaScript中return的用法

2019-05-29 19:51:48 阅读：225 来源： 互联网

标签：function 语句 return 函数迭代 JavaScript 用法返回值

这里是修真院前端小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能，本篇分享的是：

【JavaScript中return的用法】

大家好，我是IT修真院北京分院第23期学员。今天主要整理一下return的用法。

JavaScript return 语句，表示从被调函数返回到主调函数继续执行，返回时可附带一个返回值，由return后面的参数指定。return通常是必要的，因为函数调用的时候计算结果通常是通过返回值带出的。如果函数执行不需要返回计算结果，也经常需要返回一个状态码来表示函数执行的顺利与否（-1和0就是最常用的状态码），主调函数可以通过返回值判断被调函数的执行情况。

return返回值的作用就是把固定不变的，常用的代码封装起来写在类里，每次用到的时候就调用就行了。

先来简单总结一下renturn的实际使用。

1. return 语句会终止函数的执行并返回函数的值。

写一个button触发onclick事件

function demo1() {

return1;

document.write(' <div class="print-result">'+"demo1"+'</div>');

}

在return的时候，函数值等于1，后续代码不会再执行，不会有后续输出。

function demo2() {

function a(b,c) {

return b+c;

document.write('<div class= "print-result">'+ (b+c) +'</div>');

}

var abc=a(5,80);

alert(abc);

}

调用abc这个变量的时候，它的值会是85；如果想直接输出结果，不要返回值那就删除掉return b+c，这样abc是没有值的，但是网页会输出85。

也可以说默认函数是没有返回值的。通常函数经过一系列处理后需要给外部返回一个值或者对象，如

function demo3() {

function sum(a,b){

returna+b

}

alert(sum(1,2));

}

这个时候alert显示的值是3，而如果去掉return，则会返回undefined。

2. 基于函数返回值的应用

return在终止函数运行时的应用：为事件处理函数返回return：false; ,作用在于阻止默认事件行为和取消默认动作，如

为它添加一个return值

function demo4() {return false；}

这样点击链接就不会跳转

以上就是return的常见用法，此时有一个比较常见的问题，即：若在for循环中使用了return，还会执行下一次循环吗？

function demo5() {

for(var i=1; ;i++) {

console.log(i+"A");

return;

console.log(i+"B");}

console.log(i+"C");}

由于出现return，函数直接终止运行并且返回当前值，所以这段函数的输出值只有1A。

所以，如下函数，

function demo6() {

function counter() {

for(var count=1; ;count++) {

console.log(count+"A");

if(count===5) {return;}

console.log(count+"B");}

console.log(count+"C");}

counter();}

输出值是1A，1B，2A，2B，3A，3B，4A，4B，5C。

除了return，还有其他可以让for循环中断的方式。

1.break

break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。如果一个循环的终止条件非常复杂，那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。

2. continue

continue语句和break语句相似。所不同的是，它不是退出一个循环，而是开始循环的一次新迭代。要注意的是continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内，在其它地方使用都会引起错误。

参考文献

1. http://www.jb51.net/article/24101.htm

2. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return

3. 红宝书

相关PPT可见：https://ptteng.github.io/PPT/PPT/js-01-return%E7%9A%84%E7%94%A8%E6%B3%95.html#/

以及腾讯视频：https://v.qq.com/x/page/k0520zb48dg.html

问题整理：

1. i++和++i的区别

++i使用的是前置运算，先赋值再运算，i++使用的是后置运算，先运算再赋值，详见红宝书

2. 关于闭包

闭包：当function里嵌套function时，内部的function可以访问外部function里的变量。当return的是内部function时，就是一个闭包。内部function会close-over外部function的变量直到内部function结束。

3. 迭代的含义

迭代是重复反馈过程的活动，其目的通常是为了逼近所需目标或结果。每一次对过程的重复称为一次“迭代”，而每一次迭代得到的结果会作为下一次迭代的初始值，for循环就是迭代的一种

标签：function,语句,return,函数,迭代,JavaScript,用法,返回值
来源： https://blog.csdn.net/jnshu_it/article/details/85758718

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript中return的用法