首先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;">
這樣就達到了預期的效果。