DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript寫作技巧,函數A中調用函數B, 怎樣在函數B中寫代碼中斷函數A的運行?
JavaScript寫作技巧,函數A中調用函數B, 怎樣在函數B中寫代碼中斷函數A的運行?
編輯:關於JavaScript     

function funcA(){
       funcB();
       //other code
 }
 怎麼定義函數B,讓B在運行的時候不僅能終止B本身,而且能終止函數A的運行?

 這是個非常規的問題,我們分兩大部分討論. (1.為什麼一定這樣做 2.怎麼實現)

1. 顯然,這種編碼方式已經打亂了正規的程序編寫原則,我們編寫函數的目的就是為了封裝,為了實現代碼的模塊化. 如果B能讓A退出返回, 那這種編碼方式肯怕比濫用 goto 語句還濫了.

這樣做有必要嗎?為什麼一定要這樣做....??

    答案如下:
   假如我們要擴展Array的prototype.  比方說:定義一個  find方法,用來返回第一個讓 執行函數為真的數組元素.

 1 <script>
 2 // by go_rush(阿舜) @ http://ashun.cnblogs.com
 3
 4 Array.prototype.each=function(f){
 5     for(var i=0;i<this.length;i++) f(this[i],i,this)
 6 }
 7
 8 Array.prototype.find=function(f){  
 9     var result;
10     this.each(function(value,index,arr){
11         if (f(value,index,arr)) result=value
12     })
13     return result
14 }
15
16 var arr=[1,2,3,4,5,7,9]
17
18 function foo(v){    //檢測是不是偶數
19     return v%2==0
20 }
21 alert(arr.find(foo))
22
23 </script>

結果另我們大失所望.
首先: 在邏輯上,程序是錯誤的,因為我們期望返回第一個偶數,但是程序卻返回的是最後一個偶數.
其次: 程序的效率是低下的,那怕是找最後一個偶數,他在找到偶數4後,仍然檢測了4後面的所有元素.這個動作
是多余的. 

怎麼辦呢? 請看代碼中的第11行,如果檢測到 f(value,index,arr)  為真的時候,能夠直接中斷函數 this.each()該多好啊.  效率,結果,雙贏的局面.

所以對於問題一 "為什麼一定這樣做"  , 在這裡,具體到這個應用上,有足夠的理由讓函數 B()來中斷函數A()

看到這裡,你可能會問: 你的 find 方法為什麼不這樣寫?

Array.prototype.find=function(f){  
 for(var i=0;i<this.length;i++){
     if (f(this[i],i,this)) return this[i]
 }
}

這樣不整個世界都清淨了嗎.

是的,如果我只是簡單的寫一個find 這樣寫肯定沒問題,但是如果現在我正在寫一個復雜的應用,或一個寫一個js框架呢

我要實現一系列的
Array.prototype.all
Array.prototype.any
Array.prototype.each
Array.prototype.map
Array.prototype.find
Array.prototype.findAll
Array.prototype.grep
Array.prototype.inject
......  詳細請參見 prototype.js v1.4 有上十種方法等著實現呢,我怎不可能每個方法都用 for循環一個一個的
遍歷數組把.  我肯定要實現一個 each 方法作為統一入口吧.

閒話少說,我們來看怎麼解決問題:
 要在 B函數中終止A函數,並返回結果, 目前我能想到的辦法就是用異常 try{}catch(x){}


實現代碼
 1 <script>
 2 // by go_rush(阿舜) @ http://ashun.cnblogs.com
 3
 4 var $break=new Object()
 5
 6 Array.prototype.each=function(f){
 7     try{
 8     for(var i=0;i<this.length;i++){
 9         try{
10              f(this[i],i,this)
11         }catch(e){
12             if (e==

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved