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. Linux常用网络带宽监控工具（转）

    本文介绍了一些可以用来监控网络使用情况的Linux命令行工具.这些工具可以监控通过网络接口传输的数据,并测量目前哪些数据所传输的速度.入站流量和出站流量分开来显示. 一些命令可以显示单个进程所使用的带 ...

  2. sql server 带有OUTPUT的INSERT,DELETE,UPDATE

    原文:sql server 带有OUTPUT的INSERT,DELETE,UPDATE OUTPUT是SQL SERVER2005的新特性.可以从数据修改语句中返回输出.可以看作是"返回结果 ...

  3. android开发之自定义圆形ImagView

    在日常使用中我们经常会使用到圆形的图片,但是android系统中并没有默认的圆形控件,所以我们需要自己来写一个自定义的ImagView来显示一张圆形的图片,下面先看效果 详细的方法是我们自定义一个类, ...

  4. 【IntellJ IDEA】idea上 实现了Serializable接口，要自动生成serialVersionUID的方法

    需要点进setting ->搜索Inspections-->右侧选择java 下拉 进入Serialization issue--->勾选Serializable class wit ...

  5. Go VUE --- vuejs在服务器部署？

    感觉好多人把最基本的都忘了 还npm run dev 还守护进程,用守护进程也应该你自己用nodejs实现一个web静态服务器而不是去守护npm run dev 楼主问的既然是布署,哪默认就应该是生产 ...

  6. 2017.7.31 ELK+logback+redis的使用

    参考来自:spring mvc+ELK从头开始搭建日志平台 0 前提 ELK安装成功 redis安装成功 使用logback的项目运行成功 1 配置文件 1.1 pom.xml 为了使用logback ...

  7. Mybaits的特点及优点

    1.SQL语句和代码分离 便于统一管理和维护,不必再Java代码中调式SQL语句.但是当SQL语句出错时,控制台不会打印Log, 解决办法--引用log4j 2.用标签拼接SQL语句 用标签代替JAV ...

  8. 通过Fsharp探索Enterprise Library Exception

    Exception怎么生成是一回事,怎么展示又是还有一回事了. Exception Block主要关注的点在于Exception信息的展示.Exception不同于一般的log信息,是系统设计者未考虑 ...

  9. Laravel之Eloquent ORM关联

    一.一对一 1.主对从(hasOne) 从User模型中取出用户的手机 User模型中: /** * 获取关联到用户的手机 */ public function phone() { return $t ...

  10. 虚拟机只有IPv6，没有ipv4

    1.修改配置文件 vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 BOOTPROTO=none HWADDR=00:0C:29:20: ...