js补充小知识点(continue,break,ruturn)

时间:2023-03-09 20:28:01
js补充小知识点(continue,break,ruturn)

1.continue,break,ruturn

eg:1-100的和

$(function ()
{
$("#hello").click(function ()
{
var iNum = 0;
for (var i = 1; i < 101; i++)
{
iNum += i;
}
alert(iNum);
});
});

结果为:5050

js补充小知识点(continue,break,ruturn)

换为break,查看结果

$(function ()
{
$("#hello").click(function ()
{
var iNum = 0;
for (var i = 1; i < 101; i++)
{
if (i == 5)
{
break;
}
iNum += i;
}
alert(iNum);
});
});

结果为:10

js补充小知识点(continue,break,ruturn)

结论一:break:跳出整个循环体

js补充小知识点(continue,break,ruturn)

换为continue看一下结果又是多少?

 $(function ()
{
$("#hello").click(function ()
{
var iNum = 0;
for (var i = 1; i < 101; i++)
{
if (i == 5)
{
continue;
}
iNum += i;
}
alert(iNum);
});
});

结果为:5045,(除5之外都执行)

js补充小知识点(continue,break,ruturn)

结论二:continue跳过当前条件的循环

return有两种用法:

第一种用法:换为return看一下结果是多少?

结果是:无结果,return结束方法体,直接跳到了方法体外面,所以无法打印

js补充小知识点(continue,break,ruturn)

return的第二种用法:一个方法,返回一个值

 $(function ()
{
$("#hello").click(function ()
{
var iNum = 0;
for (var i = 1; i < 101; i++)
{
if (i == 5)
{
i=A(i);
}
iNum += i;
}
alert(iNum);
});
//return的第二种用法就是一个方法返回一个值
function A(i)
{
i += 5;
return i;
}
});

结果为:5015

js补充小知识点(continue,break,ruturn)

过程解析:

js补充小知识点(continue,break,ruturn)

结论三:return两种用法,第一结束整个方法体,第二,一个方法,返回一个值