您的位置:首页 > Web前端 > JavaScript

js中的return

2016-01-04 09:46 489 查看
本文部分内容引用自http://www.cnblogs.com/ycxyyzw/archive/2011/04/25/2027753.html

之前一直对于return比较困惑,一直认为return的作用是返回结果,比如以下代码

interval = methods._getInterval(o)
在_getInterval函数中return XXX的作用便是将该方法所得结果返回,并赋值给interval变量

可在如下代码中

function Login_Click()
{
if(document.form1.UsName.value=="")
{
alert('用户名为空');
return;
}
if(document.form1.UsPwd.value=="")
{
alert('密码为空');
return;
}
alert('登陆成功');
}
<form name="form1">
<input type="text" name="UsName" >用户名
<input type="password" name="UsPwd">密码
<input type="button" name="Login" onClick="Login_Click();" >登陆
</form>
在这里面,并不需要返回什么值,为何还要使用null呢?答案是,return不仅可以用于获取函数值并返回,return还有一个作用是终止函数的执行。

以上代码的执行流程是,当用户名为空,则直接终止Login_Click函数的执行,而不再继续进行密码是否为空的判断了。可若无return,即如下代码:

function Login_Click()
{
if(document.form1.UsName.value=="")
{
alert('用户名为空');
}
if(document.form1.UsPwd.value=="")
{
alert('密码为空');
}
alert('登陆成功');
}
<body>
<form name="form1"> <input type="text" name="UsName" >用户名 <input type="password" name="UsPwd">密码 <input type="button" name="Login" onClick="Login_Click();" >登陆 </form>
</body>
则判断完用户名为空后,还会继续向下执行,判断密码是否为空,并弹出“登陆成功”对话框。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: