js中return false,return,return true的用法及差别

起首return作为返回关键字,他有以下两种返回体式格式


1.返回把握与函数成果

语法为:return 表达式; 语句停止函数履行,返回调用函数,并且把表达式的值作为函数的成果


2.返回把握无函数成果


语法为:return;在大多半景象下,为事务处理惩罚函数返回false,可以防止默认的事务行动.例如,默认景象下点击一个<A>元素,页面会跳转到该元素href属性指定的页.    return false 就相当于终止符,return true 就相当于履行符。在js中return false的感化一般是用来作废默认动作的。比如你单击一个链接除了触发你的"onclick"事务以外还要触发一个默认事务就是履行页面的跳转。所以若是你想作废对象的默认动作就可以return false。也就是说若是你想用JS代码来局部改变一些数据而不引起页面其他部位的变更,那么你就应当在该onclick事务代码的后面加上return false;
 


在js中,我们常用return false来阻拦提交表单者持续履行下面的代码,通俗的来说就是阻拦履行默认的行动。 例如下面的例子:


(1)、 


function s1(){


if(true)
    {



return false;
}



},这是没有任何题目的。


 


(2)


function s2(){


m();


n();


p();


}


即使m函数返回return false 阻拦提交了,然则不影响 n()以及 p()函数的履行。在s2()函数里调用m()函数,那面里的return false 对于s2()函数来说,只是相当于返回值。而不克不及阻拦s2()函数履行。 return false 只在当前函数有效,不会影响其他外部函数的履行。


总的来说在js中对于return用法的三种景象的总结如下:


retrun true; 返回正确的处理惩罚成果。


return false;返回错误的处理惩罚成果;终止处理惩罚;阻拦提交表单;阻拦履行默认的行动。


return;把把握权返回给页面。


 


下面举一个本身在开辟中碰到的实例:


在JS中我有一个按钮的触发事务


<input type="button" value="改变色彩" onclick="changeColor(this)">


这个按钮的底本功能是为了点击后改变界面上该按钮的色彩,然则如许在实际操纵中并未实现想要达到的结果,后来成果调试和查阅材料,懂得了JS中关于return的用法后,做了如下批改:


<input type="button" value="改变色彩" onclick="changeColor(this);return false;">


如许就达到了预期的结果。


你可能感兴趣的:(function,input,button)