1. 程式人生 > >@芥末的糖 ---------- ES6---Proxy與Reflect 實現重載(overload)

@芥末的糖 ---------- ES6---Proxy與Reflect 實現重載(overload)

覆蓋 函數參數 csdn script 帶來 es6 asc ssa 調用

Proxy與Reflect實現重載(overload)

從語法角度講JavaScript不支持重載。原因很簡單,JS中函數可以傳入任意類型、任意個數的參數,通通可以通過在函數內使用this.arguments獲得。這樣,就無法實現同名函數參數列表不同實現不同功能。當然,在實際使用過程中,可以人為去檢測傳入實參的個數及類型,來進行不同操作。但是,我認為這不能叫做重載。

ES6帶來了Proxy和Reflect,配合使用可以實現重載。Proxy用於修改某些操作的默認行為,相當於對原始想進行的操作進行“包裝”;Reflect對象的方法與Proxy對象的方法一一對應,這使得Proxy對象可以方便的調用對應的Reflect方法完成默認行為。我們可以這樣使用它們:

function LogMessage( m ){
    this.m = m;
}
var message = new LogMessage( 1 );
var overload = new Proxy(message , {
    get: function(target, key, receiver){
        console.log(`getting ${key}`);
        return Reflect.get(target , key , receiver);
    },
    set: function(target, key, value, receiver){
        console.log(`setting ${key}`);
        
return Reflect.set(target, key, value, receiver); } }); overload.m = 2; //setting m var s = overload.m; //getti
對應對象內建的14個方法,handler也有14個方法可以覆蓋,下面我們將會一一講解。
//14個內建的方法地址
//https://blog.csdn.net/qq_28506819/article/details/71077788

@芥末的糖 ---------- ES6---Proxy與Reflect 實現重載(overload)