首頁  >  文章  >  web前端  >  JavaScript趣題:函數克隆

JavaScript趣題:函數克隆

黄舟
黄舟原創
2017-01-22 14:57:201274瀏覽

在JavaScript中,如何對一個函數進行克隆?

或者說,如何克隆一個函數的參數列表及函數體到一個新函數中?

舉個例子,假如有個這樣的Function.prototype.clone方法,它用於克隆函數,用法如下:

var original = function original_name(a, b) { return a + b; };  
  
var cloned = original.clone();  
alert(cloned == original); //false

新函數是一個完完全全的新對象,它擁有自己的作用域,但用法卻和原函數一模一樣。


首先,你一定會想到用eval,eval可以說是神通廣大的一個魔鬼。

只需要短短幾行程式碼,便可以實現這個需求:

Function.prototype.clone = function(){  
    var func;  
    eval("func = " + this.toString());  
    return func;  
};

既然eval能行得通,那麼它的兄弟Function肯定也能做到:

Function.prototype.clone = function(){  
    return new Function("return " + this.toString())();  
};

這行程式碼甚至更加精闢,但是Function換一種用法,也未嘗不是一種新解法:

String.prototype.trim = function(){    
  return this.replace(/(^\s*)|(\s*$)/g, "");    
};    
    
Function.prototype.clone = function() {  
    var findArgs = function(funcStr){    
        var bracket1 = funcStr.indexOf("(");    
        var bracket2 = funcStr.indexOf(")");    
        var argsStr = funcStr.slice(bracket1+1,bracket2);    
        var args = argsStr.split(",");    
        return args.map(function(e){    
            return e.trim();    
        });    
    };   
    var funcStr = this.toString();  
    var args = findArgs(funcStr);  
    var bigBracket1 = funcStr.indexOf("{");  
    var bigBracket2 = funcStr.lastIndexOf("}");  
    var body = funcStr.slice(bigBracket1+1,bigBracket2);  
    args.push(body);  
    return Function.apply(null,args);  
};

這種寫法利用了Function函數的特性,先獲得原函數的字串,截取參數列表,函數體的字串,依次注入Function呼叫。


這個截取過程可以用正規來寫,讓程式碼更簡潔。

以上就是JavaScript趣題:函數複製的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn