Domyślna wartość objektu

Question

Cześć. Jak ustawić wartość objektu js która zostanie zwrócona, gdy nie zostanie podana właściwość? To znaczy:

var myObject = {
  width: 100,
  height: 200
};

console.log(myObject.width); //wyświetli 100
console.log(myObject); //jak zrobić żeby wyświetliło np "coś tam" i czy w ogóle się da?

 

Answer 1

Nie da się - myObject to referencja do obiektu - nie może być raz wyświetlana jako obiekt, a raz jako typ prosty.

Niemniej jednak zostaje możliwości zabawy przy rzutowaniu.

'Mój obiekt: ' + myObject // "Mój obiekt: [object Object]"

Można zdefiniować w jaki sposób obiekt będzie przekształcany za pomocą nadpisania metody valueOf

var myObject = {
  width: 100,
  height: 200,
  valueOf: function() {
    return 3;
  }
};

'Mój obiekt: ' + myObject // "Mój obiekt: 3"

 

Comments

O to mi chodziło. Dzięki :)

---

Ale działa tylko w sklejeniu z tekstem :( A ja bym chciał w ogóle zamiast cyfry zwrócić uchwyconego diva.

---

Nie łatwiej dodać customowe wartości do elementu DOM np w dataset?

var myObject = document.querySelector('div');
myObject.dataset.width = 200

---

Mam funkcję podpiętą do onclicka przycisku która na podstawie różnych danych ma wyliczyć wysokość i szerokość diva, a potem mu ją przypisać. Więc wpadłem na pomysł, żeby stwożyć objekt ze wszystkimi danymi, a pod nim wykonać samo przypisanie.

Używanie data jako zmiennej raczej nie jest dobre.

---

var myObject = {
  width: 100,
  height: 200,
  element: document.query...
};

To może tak?

---

No właśnie tak mam, ale jak by sama nazwa obiektu reprezentowała diva to by było... tak lepiej.

Wiesz o co chodzi ;) Może drobnostka, ale ciekawi mnie jak to zrobić.

---

Ale co Ci po tym, jeśli to zadziała tylko przy rzutowaniu? Już pisałem, najlepiej dodać do elementu DOM swój obiekt z konfiguracją.

---

Ok, dzięki.