var b = { state: 'initial', initial: { onClick: function() { console.log(this); }, x: 0, }, }Hola, quiero saber si es posible acceder al objeto b dentro de la función onClick en el código anterior.
la salida es {x: 0, onClick: ƒ} en lugar de {state: 'initial', ... }
Cambiarlo a función de flecha generará un objeto de ventana en su lugar.
Estoy haciendo un juego de sala de escape y tengo una situación de huevo y gallina.
var spriteObject = { img: null, INITIAL: { sourceX: 0, sourceY: 0, sourceWidth: 64, sourceHeight: 64, x: 0, y: 0, width: 64, height: 64, isWithinBounds: function(x, y) { return x > this.x && x < this.x + this.width && y > this.y && y < this.y + this.height; }, }, state: 'INITIAL', }; const inventoryItems = []; let currentRoom = "kitchen"; const knife = { ...spriteObject, INITIAL: { ...spriteObject.INITIAL, x: 200, y: 162, sourceX: 1330, sourceY: 8, sourceWidth: 803, sourceHeight: 514, width: 803, height: 514, onClick: () => { inventoryItems.push(knife); layers.kitchen.sprites = layers.kitchen.sprites.filter(sprite => sprite !== knife); }, }, img: kitchenLayout, }; const layers = { kitchen: { sprites: [knife], }, }; window.addEventListener("click", function(e) { const x = e.pageX - canvas.offsetLeft; const y = e.pageY - canvas.offsetTop; layers[currentRoom].sprites.forEach(sprite => { const currSprite = sprite[sprite.state]; if (currSprite.onClick && currSprite.isWithinBounds(x, y)) { currSprite.onClick(); render(); } }) })Digamos que tengo un cuarto de cocina y un cuchillo en el mostrador. Puedo tomar el cuchillo y ponerlo en mi inventario. El cuchillo tendrá 3 condiciones diferentes: en el mostrador (inicial), en inventario y sin filo (después de usarlo). No estoy seguro si quiero modelar en el inventario como un estado, pero tengo problemas para averiguar cómo quitar el cuchillo de la lista de sprites en la cocina. Es factible en el código anterior, pero parece depender del hecho de que declaro cuchillo como variable. No quiero hacer esto, en caso de que quiera declarar mis elementos directamente en la matriz de sprites. Agradezco cualquier pista, gracias
Debería poder usar clases de javascript para esto. De esa manera, puede hacer referencia a su clase actual como this .
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes