Javascript中的return作用及javascript return关键字用法详解

 更新时间:2015年11月05日 14:52:01   投稿:mrr  
本文给大家介绍Javascript中的return作用及javascript return关键字用法详解,对于大家学习javascript中的return知识有所帮助,感兴趣的朋友一起学习吧

javascript 中的return一直用的都比较火,关于javascript中的return作用大家了解吗,下面通过本文给大家详细介绍,具体内容如下所示:

return 语句从当前函数退出,并从那个函数返回一个值。

语法:

return[()[expression][]];

可选项 expression 参数是要从函数返回的值。如果省略,则该函数不返回值。

用 return 语句来终止一个函数的执行,并返回 expression 的值。如果 expression 被省略,或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。

下面示例说明了 return 语句的用法:

function myfunction(arg, arg){ 
  var r; 
  r = arg * arg; 
  return(r);
}

return 表示从被调函数返回到主调函数继续执行,返回时可附带一个返回值,由return后面的参数指定。return通常是必要的,因为函数调用的时候计算结果通常是通过返回值带出的。

如果实在不需要函数返回什么值,就需要用void声明其类型。

补充:如果你函数名前有返回类型定义,如int,double等就必须有返回值,而如果是void型,则可以不写return,但这时即使写了也无法返回数值的:

下面是个非void型的函数:

int f()
{
  int i=;
  return ;
  //return(i);  //这样也可以
}

void型的函数:

void f()
{
    int i=;
    //return;//这样也可以,不要这一句也可以
}

ps:javascript中return的作用

这里面的return含有一些细节知识:

例如:onClick='return add_onclick()'与 onClick='add_onclick()'的区别

JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。

而该值决定了当前操作是否继续。

当返回的是true时,将继续操作。

当返回是false时,将中断操作。

而直接执行时(不用return)。将不会对window.event.returnvalue进行设置

所以会默认地继续执行操作

详细说明如下:

例如:

当在 <a href="abc.htm" onclick="return add_onclick()">Open</a> 中

如果函数 add_onclick() 返回 true, 那么 页面就会打开 abc.htm

否则, (返回 false), 那么页面不会跳转到 abc.htm, 只会执行你的 add_onclick() 函数里的内容. (add_onclick函数中控制页面转到

abc.htm除外)

而 <a href="abc.htm" onclick="add_onclick()">Open</a>

不管 add_onclick() 返回什么值, 都会在执行完 add_onclick 后打开页面 abc.htm

另外补充:

onclick事件时就相当于onclick="return true/false"

例:

function check()
{
if(obj.value=="" )
  {
   window.alert("不能为空!");
   obj.focus();
   return false;
  }
   return true;
}

调用方法返回true时才提交表单,反之则不提交,这是submit按钮

------------------------------------------------------------------------------------------

调用js函数不需要return,但是表单却无法提交,所以在js函数中加上一句话
例:

<script language="javascript">
function check()
{
if(obj.value=="" )
  {
   window.alert("不能为空!");
   obj.focus();
   return false;
  }
   document.myform.submit();
   return true;
}
</script>

注:document.myform.submit();要在return true前

相关文章

  • ajax如何实现页面局部跳转与结果返回

    ajax如何实现页面局部跳转与结果返回

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返回,感兴趣的朋友一起来学习
    2015-08-08
  • 深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)

    深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)

    这篇文章主要介绍了深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)的相关资料,需要的朋友可以参考下
    2015-12-12
  • JavaScript中json对象和string对象之间相互转化

    JavaScript中json对象和string对象之间相互转化

    json对象和string对象之间的转化已经成为了大家耳熟能详的话题,本人今天就多啰嗦一些他们之间的故事,如有不对之处,还请各位海涵呢?不多说了直切主题
    2012-12-12
  • JS如何实现在页面上快速定位(锚点跳转问题)

    JS如何实现在页面上快速定位(锚点跳转问题)

    本篇文章主要介绍了JS如何实现在页面上快速定位(锚点跳转问题),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • js验证账户名是否重复

    js验证账户名是否重复

    这篇文章主要为大家详细介绍了js验证账户名是否重复,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 微信小程序封装多张图片上传api代码实例

    微信小程序封装多张图片上传api代码实例

    这篇文章主要介绍了微信小程序封装多张图片上传api代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • iScroll.js 使用方法参考

    iScroll.js 使用方法参考

    以下这篇文章是iScroll.js官网的中文翻译,尽管自己英文不好,但觉得原作者们翻译的这个资料还是可以的,基本用法介绍清楚了。如果你英文比较好的话,可以看看官网的资料
    2016-05-05
  • JS实现在线ps功能详解

    JS实现在线ps功能详解

    这篇文章主要介绍了JS实现在线ps功能详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • Swiper.js实现移动端元素左右滑动

    Swiper.js实现移动端元素左右滑动

    这篇文章主要为大家详细介绍了Swiper.js实现移动端元素左右滑动 ,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 基于JavaScript实现年月日三级联动

    基于JavaScript实现年月日三级联动

    这篇文章主要为大家详细介绍了基于JavaScript实现年月日三级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06

最新评论