js中Return的⽤法
⼀、函数返回值,并终⽌函数
语法: Return表达式;
在函数语句结束时执⾏,并返回表达式的值作为函数的结果.
isnull的用法
⽐如:
function foo(obj){
let resultObj = obj;
//可对传⼊参数进⾏处理
return  resultObj;
}
在这个例⼦中: obj代表的是⼀个对象。所谓对象就是他可以包纳万物⽆论是Number bool还是String或这
是其他实例都包含在⾥⾯。然⽽return就是需要将处理过后的结果返回出去。就相当于⼀个⼯⼚,我提供原材料然⽽⼯⼚输出的将会是产品。这样讲还不明⽩我们可以简单的这样理解。
⽐如:⽤函数来做⼀个加法运算,需要他返回值。
function Add(a,b){
let result = a+b;
return result;
}
这个例⼦中,如果你在外部直接调⽤这个函数如:
let text= Add(1,2);
就会得到(a+b)的和,也就是说结果是3;
再看⼀个例⼦:
`
function compare(a,b){
//函数体,判断两个整数⽐较的三种情况
if(a>b){
return a;
}else if(a == b){
return "⼀样⼤";
} else {
return b;
}
}
`
/
/简单理解就是:JS的函数返回的对象,a,b是对象,“⼀样⼤”是对象(字符串)
函数在⼀系列的代码执⾏后会得到⼀个期望的返回值,⽽此值就是通过return语句返回,并且将控制权返回给主调函数。
语法格式:
return表达式
代码⽰例如下:
function add(){
let a = 1;
let b = 2;
return a + b;
}
function func(){
console.log(add());
}
func();
以上代码中,当调⽤func()函数的时候,控制权由func()函数掌握,当再调⽤add函数的时候,控制权交付给add函数,然后返回⼀个值并将控制权再交付给func()函数。
function a(){
return 10;
//这个时候,函数a 的值会等于10,并且函数中下⾯的内容不会再执⾏。
document.write(50);
//由于上⾯已经return了,这条代码不会执⾏
}
⾄于什么时候会⽤到,那看你要函数来做什么,你要他返回值就返回,不要他返回就不返回。
⽐如,⽤函数来做⼀个加法运算,需要他返回值,那就这样:
function a(b,c){
return  b+c;
}
那么调⽤:
let abc = a(5,80);
这个时候,abc 这个变量的值会是85.
如果想直接输出结果,不要返回值那就
function a(b,c){
document.write(b+c);
}
let abc = a(5,80);
那么页⾯会输出85,但abc是没有值的。
默认函数是没有返回值的。
通常函数经过⼀系列处理后需要给外部返回⼀个值或者对象。
⽐如function sum(a,b){return a+b};
alert (sum(1,2)) //3 如果没有return将会弹出undefind。
⼆、返回控制
语法:return;
⼀般来讲,为事件处理函数返回return:false。作⽤在于阻⽌默认事件⾏为和取消默认动作,⽐如,在默认情况下点击⼀个元素,那么页⾯就会跳转到语速href属性指定的页⾯,那当你⽤return false时,就相当于⼀个终⽌符,⽽return true;就相当于⼀个执⾏符。
⽐如:
`
<a href="eoh.html" onclick= "return add_onclick()">open</a>
//return false/true
<script>
function add_onclick(){
return false; //false组织跳转
}
</script>
在js中,会常⽤return false;来阻⽌表单提交或者执⾏下⾯代码,也就阻⽌执⾏的默认⾏为。⽐如:
function sum(){
if(true){
return false;
}
}
function test(){
sum();
num();
}
`
虽然sum函数返回false阻⽌提交,但不会影响num函数的执⾏,a函数中返回false对test()函数⽽⾔只是相当于⼀个返回值,并不会影响test()函数的执⾏,简⽽⾔之,return:false;只对当前函数有效,并不会影响其他函数执⾏。
return是JavaScript⾥函数返回值的关键字,⼀个函数内处理的结果可以使⽤return返回,这样再调⽤
函数的地⽅就可以⽤变量接收返回的结果。return关键字内任何类型的变量数据或表达式都可以进⾏返回,甚⾄什么都不返回也可以。⽐如:
`function NullReturn(IsNull){
if(IsNull==true){
return;
}
}`
这样写也是可以的,这⾥的意思是返回空(null),所以有的时候return 的作⽤就是⽤来终⽌函数执⾏。⽐如:
不加return
`<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script language="javascript">
function Login_Click()
{
if(document.form1.UsName.value=="")
{
alert('⽤户名为空');
}
if(document.form1.UsPwd.value=="")
{
alert('密码为空');
}
alert('登陆成功');
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="UsName" >⽤户名
<input type="password" name="UsPwd">密码
<input type="button" name="Login" onClick="Login_Click();" >登陆
</form>
</body>
</html>`
加return:
`<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script language="javascript">
function Login_Click()
{
if(document.form1.UsName.value=="")
{
alert('⽤户名为空');
return;
}
if(document.form1.UsPwd.value=="")
{
alert('密码为空');
return;
}
alert('登陆成功');
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="UsName" >⽤户名
<input type="password" name="UsPwd">密码
<input type="button" name="Login" onClick="Login_Click();" >登陆
</form>
</body>
</html>`
不加return的现象是先提⽰⽤户名没输⼊,然后提⽰密码没输⼊;加了return之后遇到⼀个没输⼊之后就不再继续检测总的来说在js中对于return⽤法的三种情况的总结如下:
retrun true;返回正确的处理结果。
return false;返回错误的处理结果;终⽌处理;阻⽌提交表单;阻⽌执⾏默认的⾏为。
表单中
`ElementById("submit").onclick=function(){
var result = validate();
if(result){
alert("輸⼊有誤!");
return false;//终⽌处理;阻⽌提交表单
}else{
return true;//返回正确的处理结果,提交表单
}
}`

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。