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. Delphi 使用 SPcomm 调试串口程序出现总是在程序断开的时候，才发送指令的问题。

    问题如上, 在与嵌入式程序串口程序通讯的时候, 总是出现如上问题, 造成的原因把下面的True改成false就可以了. 下图Spcomm的属性页,几个True全改成False再试试

  2. SpannableString 转换局部字体大小，但在EditText测量之前设置内容，测量高度为，字体变小之前的高度

    public void setHint(@NonNull String hint, @Nullable CharSequence subHint) { this.hint = hint; if (su ...

  3. 设计模式之工厂模式之抽象工厂（php实现）

    github地址: git@github.com:ZQCard/design_pattern.git 抽象工厂模式: 先来认识下什么是产品族: 位于不同产品等级结构中,功能相关联的产品组成的家族.图中 ...

  4. ISP模块之RAW DATA去噪（一）

    ISP(Image Signal Processor),图像信号处理器,主要用来对前端图像传感器输出信号处理的单元,主要用于手机,监控摄像头等设备上. RAW DATA,可以理解为:RAW图像就是CM ...

  5. Android使用TextView，设置onClick属性无效解决的方法

    Android在布局文件里为View提供了onClick属性.用法例如以下: <TextView android:id="@+id/user" android:layout_ ...

  6. 模拟select控件&&显示单击的坐标&&用户按下键盘，显示keyCode

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. 关于web后门权限防删的一个新思路

    见土司有一帖子 具体看下面连接 https://www.t00ls.net/thread-26444-1-2.html 这是php的 其实IIS也有类似的 这是MSF生成的一个ASPX执行shellc ...

  8. mongoDB - 插入数据

    db.use.js /** * 使用前:先安装node环境.express.mongodb. * * 1.1 安装Node * 1.2 npm i -D express mongodb &&a ...

  9. Transform.Translate 平移

    function Translate (translation : Vector3, relativeTo : Space = Space.Self) : void Description描述 Mov ...

  10. [转]php-fpm配置具体解释

    [转]php-fpm配置具体解释 php-fpm具体解释 原文链接:http://php-fpm.anight.org/wiki:http://www.php-fpm.com/翻译:http://sy ...