hola a todos quieren entender el orden del código javascript mi código

 class User { constructor(id, username) { this.i = id; this.u = username; } sayHello() { return `Hello ${this.u}`; } } let userOne = new User(100, "Elzero"); console.log(userOne); User.prototype.sayWelcome = function () { return `Welcome ${this.u}`; }; Object.prototype.test = "Test";

resultado en la línea de consola 12

 User {i: 100, u: 'Elzero'} i: 100 u: "Elzero" [[Prototype]]: Object sayWelcome: ƒ () **<-------------** constructor: class User sayHello: ƒ sayHello() [[Prototype]]: Object test: "Test" **<-------------** constructor: ƒ Object() hasOwnProperty: ƒ hasOwnProperty() isPrototypeOf: ƒ isPrototypeOf() propertyIsEnumerable: ƒ propertyIsEnumerable() toLocaleString: ƒ toLocaleString() toString: ƒ toString() valueOf: ƒ valueOf() __defineGetter__: ƒ __defineGetter__() __defineSetter__: ƒ __defineSetter__() __lookupGetter__: ƒ __lookupGetter__() __lookupSetter__: ƒ __lookupSetter__() __proto__: (...) get __proto__: ƒ __proto__() set __proto__: ƒ __proto__()

alguien puede decir por qué en la línea 12 cuando muestro la instancia de Userone de User encuentro el método sayWelcome() y la propiedad de prueba en el prototipo del userone a pesar de que ambos se agregan después de la línea 12

Cordialmente