Según yo esto debiera salir bien, pero no! resulta que al buscar el valor en el array con el console.log de más abajo en la consola sale sin definir y no sé como solucionarlo y tampoco porqué pasa, si alguien fuese tan amable de explicarme por favor :)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
class Point {
contructor({x, y, control = false}) {
this.x = x;
this.y = y;
this.control = control;
}
}
const points = [
new Point({ x: 200, y: 540}),
new Point({ x: 400, y: 300, control: true}),
new Point({ x: 880, y: 540})
]
console.log(points[0].x)
</script>
</body>
</html>
x
de la posición0
al hacerconsole.log(points[0].x)
pero si te das cuenta el primer Point que agregas es un objeto vacionew Point({}),
por lo mismo éste no tiene unax
a diferencia del segunto y tercero que si tienen esax
:new Point({ x: 400, y: 300, control: true}), new Point({ x: 880, y: 540})
. ;)