Run results for: Scoped / Getter / Setter vs Proxy vs Events

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Browser: Chrome 107

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
plain object	1612693.1 Ops/sec
test scope	1249564.4 Ops/sec
scope 2	922619.1 Ops/sec

Script Preparation code:

let pp = () => {
    let a = 1
}
//scope = (() => {

function S() {
    this.get = {}
};

function E() {
    this.jj = () => {
        let a = 1
    }
    this.set = (v) => {
        this.get = v
        this.jj()
    }
}
S.prototype = new E()
scope = new S()

function SP() {
    this.get = {}
     this.jj = () => {
        let a = 1
    }
    this.set = (v) => {
        this.get = v
        this.jj()
    }
};


scopeA = new SP()



//   const set = (value) => {data0.test = value; pp()}
//  return data0
//})();

data1 = {};
handler = {
    get: (target, prop) => (target[prop]),
    set: (target, prop, value) => {
        target[prop] = value;
        pp()
    },
};
proxy = new Proxy(data1, handler);
data2 = {
    get test() {
        return this._test;
    },
    set test(value) {
        this._test = value;
        pp()
    }
};
const EVENTS = new WeakMap();

function pub(object, event, data) {
    if (!EVENTS.has(object)) {
        return;
    }
    const callbacks = EVENTS.get(object)[event];
    if (callbacks) {
        for (const callback of callbacks) {
            callback(data);
        }
    }
}

function sub(object, event, callback) {
    let dict;
    if (!EVENTS.has(object)) {
        EVENTS.set(object, dict = {});
    } else {
        dict = EVENTS.get(object);
    }
    let evList;
    if (event in dict) {
        (evList = dict[event]).push(callback);
    } else {
        evList = dict[event] = [callback];
    }
    return function unsub() {
        evList.splice(evList.indexOf(callback), 1);
    }
}
data3 = {};
sub(data3, 'set-test', v => data3.test = v);
sub(data3, 'get-test', () => pub(data3, 'getting-test', data3.test));
sub(data3, 'getting-test', v => a += v);
var a = 0;
data4 = {};
data5 = {};
sub(data5, 'set-test', v => {
    data5.test = v;
    pub(data5, 'getting-test', data3.test);
});
sub(data5, 'getting-test', v => a += v);

Tests:

plain object
data4.test = Math.random(); a += data4.test;
test scope
scope.set(Math.random()) a+= scope.get
scope 2
scopeA.set(Math.random()) a+= scopeA.get

Run results for: Scoped / Getter / Setter vs Proxy vs Events

plain object

test scope

scope 2