js中return false,return,return true的用法及區別


首先return作為返回關鍵字,他有以下兩種返回方式

1.返回控制與函數結果

語法為:return 表達式; 語句結束函數執行,返回調用函數,而且把表達式的值作為函數的結果

2.返回控制無函數結果

語法為:return;在大多數情況下,為事件處理函數返回false,可以防止默認的事件行為.例如,默認情況下點擊一個<A>元素,頁面會跳轉到該元素href屬性指定的頁.    return false 就相當於終止符,return true 就相當於執行符。在js中return false的作用一般是用來取消默認動作的。比如你單擊一個鏈接除了觸發你的"onclick"事件以外還要觸發一個默認事件就是執行頁面的跳轉。所以如果你想取消對象的默認動作就可以return false。也就是說如果你想用JS代碼來局部改變一些數據而不引起頁面其他部位的變化,那么你就應該在該onclick事件代碼的后面加上return false;
 

在js中,我們常用return false來阻止提交表單者繼續執行下面的代碼,通俗的來說就是阻止執行默認的行為。 例如下面的例子:

(1)、 

function s1(){

if(true)
    {

return false;
}

},這是沒有任何問題的。

 

(2)

function s2(){

m();

n();

p();

}

即使m函數返回return false 阻止提交了,但是不影響 n()以及 p()函數的執行。在s2()函數里調用m()函數,那面里的return false 對於s2()函數來說,只是相當於返回值。而不能阻止s2()函數執行。 return false 只在當前函數有效,不會影響其他外部函數的執行。

總的來說在js中對於return用法的三種情況的總結如下:

retrun true; 返回正確的處理結果。

return false;返回錯誤的處理結果;終止處理;阻止提交表單;阻止執行默認的行為。

return;把控制權返回給頁面。

 

下面舉一個自己在開發中遇到的實例:

在JS中我有一個按鈕的觸發事件

<input type="button" value="改變顏色" onclick="changeColor(this)">

這個按鈕的原本功能是為了點擊后改變界面上該按鈕的顏色,但是這樣在實際操作中並未實現想要達到的效果,后來結果調試和查閱資料,了解了JS中關於return的用法后,做了如下修改:

<input type="button" value="改變顏色" onclick="changeColor(this);return false;">

這樣就達到了預期的效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM