return 定义:

return 语句会 终止函数的执行 并 返回函数的值。

注意这两个： 1.终止函数的执行 2.返回函数的值

返回函数的值这里就不过多叙述了，就是 return 变量

先看下面的例子：

<!DOCTYPE html>

<html>

<head>

    <title>return测试</title>

</head>

<body>

<a href="#"></a>

<a onclick="fun1()">111</a>

<a onclick="fun2()">222</a>

<a onclick="fun3()">333</a>

<a onclick="fun4()">444</a>

<script type="text/javascript">

    function fun1() {

        return ;

        console.log('111 这个不会执行')

    }

    function fun2() {

        return false

        console.log('222 这个不会执行')

    }

    function fun3() {

        return true

        console.log('333 这个不会执行')

    }

    function fun4() {

        console.log('444 这个会执行')

    }

</script>

</body>

</html>

通过上面的例子 可以看出  return ;    return false     return true   在函数内部都中断了函数的执行 

接着看看 他们返回的结果是个啥 代码如下：

    function fun1() {

        return ;

    }

    function fun2() {

        return false

    }

    function fun3() {

        return true

    }

    console.log(fun1())

    // undefined

    console.log(fun2())

    // false

    console.log(fun3())

    // true

返回的结果分别是  undefined  false  true  注：（undefine != false）

有个知识点 ： 表单提交的时候 如果函数返回 false  表单就不提交了 ，切记！

首先看看能提交的情况，代码如下：

<!DOCTYPE html>

<html>

<head>

    <title>return测试</title>

</head>

<body>

    <form method="post" onsubmit="return submitFunction()">

        <input type="text" name="nameId">

        <button type="submit" id="submit">提交</button>

    </form>

<script type="text/javascript">

    function submitFunction () {

        return ;

    }

</script>

</body>

</html>

效果如下： 右边出现了请求（注意：表单请求会刷新页面）

阻止表单提交的代码如下：

<!DOCTYPE html>

<html>

<head>

    <title>return测试</title>

</head>

<body>

    <form method="post" onsubmit="return submitFunction()">

        <input type="text" name="nameId">

        <button type="submit" id="submit">提交</button>

    </form>

<script type="text/javascript">

    function submitFunction () {

        return false;

    }

</script>

</body>

</html>

效果如下：右边没有出现请求，请求被阻止了

总结如下：

1. return ;  return false  return true 都会在函数内部阻止程序的执行。

2. 只有 return false 会阻止表单的提交。

js中return；return true return false 的区别的更多相关文章

  1. jquery 中cache为true与false 的区别

    $.ajax({type: "get",cache: false,url: url,success: function (msg) { }}); cache为true与false ...

  2. JS中break continue和return的用法？

    在 break,continue和return 三个关键字中, break,continue是一起的,return 是函数返回语句,但是返回的同时也将函数停止 break和continue: 退出循环 ...

  3. js中的break,continue,return

    js中的break,continue, return (转) 面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字,那么关于这三个关键字的使用具体的操作是什么呢 ...

  4. C#中??和？分别是什么意思？ 在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法 在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别 在对象比较中，对象相等和对象一致分别指的是什么？

    C#中??和?分别是什么意思? 在C#中??和?分别是什么意思? 1. 可空类型修饰符(?):引用类型可以使用空引用表示一个不存在的值,而值类型通常不能表示为空.例如:string str=null; ...

  5. ***php解析JSON二维数组字符串(json_decode函数第二个参数True和False的区别)

    客户端的请求体中的数据:[{"msg_id": 1, "msg_status": "HAS_READ" }, { "msg_id& ...

  6. 关于js中for in和foreach in的区别

    js 中for in 和foreach in的区别 两个的作用都用来遍历对象,但为什么有了for in语句了还要foreach in语句呢,后来看了下foreach in开发的文档,foreach i ...

  7. js中加“var”和不加“var”的区别

    JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型: var x // x 为 undefined var x = 6; // x 为数字 var x = "Bill&q ...

  8. JS中构造函数和普通函数有什么区别

    JS中构造函数有普通函数有什么区别? 1.一般规则 构造函数都应该以 一个大写字母开头,eg: function Person(){...} 而非构造函数则应该以一个小写字母开头,eg: functi ...

  9. js中的break ,continue, return (转)

    面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字,那么关于这三个关键字的使用具体的操作是什么呢?我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢? ...

  10. js 中的break continue return

    break:跳出整个循环 1.当i=6时,就跳出了整个循环,此for循环就不继续了: continue:跳出当前循环,继续下一次循环: return :指定函数返回值 1.在js当中,常使用retur ...

随机推荐

  1. Android Handler 消息循环机制

    前言 一问起Android应用程序的入口,很多人会说是Activity中的onCreate方法,也有人说是ActivityThread中的静态main方法.因为Java虚拟机在运行的时候会自动加载指定 ...

  2. 自动生成logo的网址

    1.https://www.logaster.com/logo/

  3. log4j教程 8、日志格式化

    Apache log4j 提供了各种布局对象,每一个对象都可以根据各种布局格式记录数据.另外,也可以创建一个布局对象格式化测井数据中的特定应用的方法. 所有的布局对象 - Appender对象收到 L ...

  4. java源码阅读String

    1类签名与注释 public final class String implements java.io.Serializable, Comparable<String>, CharSeq ...

  5. Linux Shell常用技巧

    转载自http://www.cnblogs.com/stephen-liu74/ 一.    特殊文件: /dev/null和/dev/tty Linux系统提供了两个对Shell编程非常有用的特殊文 ...

  6. bitcoin-qt忘记密码

    客户端有钱包加密功能,输入密码可以增强安全性. 但是,如果你把钱包文件弄丢了,那即使设了密码,币也会丢. 关闭bitcoin-qt,把钱包文件wallet.dat 剪到其他地方(但不要删除),然后重新 ...

  7. 2017.9.15 postgres使用postgres_fdw实现跨库查询

    postgres_fdw的使用参考来自:https://my.oschina.net/Kenyon/blog/214953 postgres跨库查询可以通过dblink或者postgres_fdw来完 ...

  8. 倍福TwinCAT(贝福Beckhoff)基础教程1.1 TwinCAT背景知识

    本节附件中有很多PPT介绍贝福TwinCAT和EtherCAT的相关技术,在此只做简单说明. 简单总结:EtherCAT就是一种总线技术,具有速度快,稳定性高,布线简单等优点,详细可以参考下面这个PP ...

  9. 在HTML页面中实现一个简单的Tab

    参考:http://blog.sina.com.cn/s/blog_6cccb1630100m23i.html HTML页面代码如下: <!DOCTYPE html PUBLIC "- ...

  10. Android学习（十四） Service组件

    一.定义 运行在后台,没有页面,不可见.优先级高于Activity,当系统内存不足时,会先释放一些Activity.注意,Service同样是运行在主线程中,不能做一些耗时操作.如果一定要做一些耗时的 ...