Run results for: private properties in weakmap vs symbol vs # class syntax

Run details:

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

Browser: Chrome 115

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
WeakMap	4975259.0 Ops/sec
Class	5283453.0 Ops/sec

Script Preparation code:

class Person {
	static #counter = 0
	#age
	constructor(name, age) {
		this.name = name;
		this.#age = age;
	}
	showPublic() {
		return this.name;
	}
	showPrivate() {
		return this.#age;
	}
}

window.__person = new Person("j", 22)


// WeakMap
const privKs = new WeakMap();

const proto = {
	showPrivate() {
		return privKs.get(this).age
	},
	showPublic() {
		return this.name
	}
}
function User(name, age) {
	const obj = {name, age}
	privKs.set(obj, {age})
	return Object.setPrototypeOf(obj, proto)
}

window.__user = User("j", 11)


// Symbols
const priv_ = Symbol("private data")

const proto2 = {
	showPrivate() {
		return this[priv_].age
	},
	showPublic() {
		return this.name
	}
}

function Teacher(name, age) {
	const obj = {name, [priv_]: {age}}
	return Object.setPrototypeOf(obj, proto2)
}

window.__teacher = Teacher("j", 22)

Tests:

Class
window.__person.showPrivate()
WeakMap
window.__user.showPrivate()
Symbols
window.__teacher.showPrivate()

Run results for: private properties in weakmap vs symbol vs # class syntax

Class

WeakMap

Symbols