深入理解js中的return

た入场券 2022-06-15 09:39 285阅读 0赞

JavaScript在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置，而该值决定了当前操作是否继续。

*  **当返回的是true时，将继续操作。**
 *  **当返回是false时，将中断操作**。
 *  **直接执行时（不用return），将默认返回undefined，不会对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事件时就相当于οnclick=”return true/false”

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

调用方法返回true时才提交表单，反之则不提交，这是submit按钮  
调用js函数不需要return，但是表单却无法提交，所以在js函数中加上一句话  
例如：

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

return需要注意的三点：  
1、函数名+()==>return后面的值；  
2、**所有函数都有默认返回值，为undefined；**  
3、return后面的任何代码都不再执行；