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. 关于spring.net的面向切面编程 (Aspect Oriented Programming with Spring.NET)-切入点（pointcut）API

    本文翻译自Spring.NET官方文档Version 1.3.2. 受限于个人知识水平,有些地方翻译可能不准确,但是我还是希望我的这些微薄的努力能为他人提供帮助. 侵删. 让我们看看 Spring.N ...

  2. ARM32 Linux kernel virtual address space

    http://thinkiii.blogspot.jp/2014/02/arm32-linux-kernel-virtual-address-space.html   The 32-bit ARM C ...

  3. Oracle truncate、 delete、 drop区别

    相同点: 1.truncate和不带where子句的delete.以及drop都会删除表内的数据. 2.drop.truncate都是DDL语句(数据定义语言),执行后会自动提交. 不同点: 1. t ...

  4. squid 访问日志记录

    squid日志记录在squid.conf 也可记录.并且squid日志可以不记录静态项 在squid.conf 加入 (1)access_log /var/log/squid/access.log  ...

  5. linux 远程同步数据工具rsync （2）

    在远程主机上建立一个rsync的服务器,在服务器上配置好rsync的各种应用,然后本机作为rsync的一个客 户端去连接远程的rsync服务器.如何去配置一台rsync服务器. 首先配置/etc/rs ...

  6. Java源码中遇到的一些问题（更新中）

    1子类和父类实现同样的接口,这样做有什么意义吗? 举例:Vector和AbstractList的类签名 public class Vector<E> extends AbstractLis ...

  7. Java List序列化的实现

    概述 java中的序列化与反序列化都要求对象实现Serializable接口(其实就是声明一下),而对于List这种动态改变的集合默认是不实现这个接口的,也就是不能直接序列化.但是数组是可以序列化的, ...

  8. Bounded Context

    From http://martinfowler.com/bliki/BoundedContext.html Bounded Context is a central pattern in Domai ...

  9. 【转】WEB开发三层架构概述

    关于 三层架构(3-tier application) 通常意义上的三层架构就是将整个业务应用划分为:表现层(UI).业务逻辑层(BLL).数据访问层(DAL).区分层次的目的即为了“高内聚,低耦合” ...

  10. 深入解析alloc/retain/release/dealloc实现

    首先通过GNUstep上得源码来叙述各个函数的实现(GNUstep是Cocoa框架的互换框架,二者的行为和实现方式很相似) GNUstep源码中NSObject类的alloc方法: id = obj ...