Run results for: Access property directly vs Getter/Setter

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Browser: Chrome 108

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Read directly from prop	27726220.0 Ops/sec
Set directly to prop	27070570.0 Ops/sec
Read from getter	27754450.0 Ops/sec
Set to setter	27174540.0 Ops/sec

Script Preparation code:

class Foo {
	bar = {
      a: {
        val: 123
      }
    }

	get propAccessor() {
		return this.bar.a.val;
	}

	set propAccessor(val) {
		this.bar.a.val = val;
	}
}

var obj = new Foo();

Tests:

Read directly from prop
var value = obj.bar.a.val;
Set directly to prop
obj.bar.a.val = 123;
Read from getter
var value = obj.propAccessor;
Set to setter
obj.propAccessor = 123;

Run results for: Access property directly vs Getter/Setter

Read directly from prop

Set directly to prop

Read from getter

Set to setter