Diskuze: Metoda objektu nenajde vlastnost objektu

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

alfonz

Člen

alfonz:19.6.2015 21:39

Ahoj, rozhodl jsem se naučit OOP v JS, ale teď jsem narazil na problém. Chci si udělat jednoduchý objekt který bude měnit velikost plátna, když okno změní velikost. Bohužel, ale v metodě resize vzniká chyba, že vlastnost canvas neexistuje(is undefined).

var CanvasMan = function (canvas) {
    this.canvas = canvas;
};


CanvasMan.prototype.resize = function () {
    console.log(this.canvas);
    this.canvas.setAttribute("width", this.canvas.offsetWidth);
    this.canvas.setAttribute("height", this.canvas.offsetWidth);

    console.log(this.canvas.offsetWidth);
    console.log(this.canvas.offsetHeight);

    console.log("Resize");
};

Odpovědět

19.6.2015 21:39

lmao

Peas

Člen

Peas:20.6.2015 1:54

Cauko . Keby si to skusil napr takto?
HTML:

<body>
<canvas id="CanvasId" width="800" height="600" style="border:1px solid #000000;"></canvas>
</body>

var canvas = document.getElementById("CanvasId");

var canvasMan = {
  canvas: canvas,
  resize: resize
};

function resize() {
  console.log(this.canvas);
  this.canvas.setAttribute("width", this.canvas.offsetWidth);
  this.canvas.setAttribute("height", this.canvas.offsetWidth);

  console.log(this.canvas.offsetWidth);
  console.log(this.canvas.offsetHeight);

  console.log("Resize");
}

A ked potom zavolas

canvasMan.resize()

tak sa ti to resizne

Editováno 20.6.2015 1:55

Nahoru Odpovědět

20.6.2015 1:54

Patrik Valkovič

Tvůrce

Patrik Valkovič:20.6.2015 13:00

Předpokládám, že jsi použil tu metodu jako callback k eventu. To co vím tak není možné, musíš tu metodu zavolat přímo na tom objektu. To znamená, že k eventu vytvořít anonymní metodu, ve které teprve zavoláš metodu canvasMan.resize(). To by mělo fungovat.

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

20.6.2015 13:00

Nikdy neumíme dost na to, abychom se nemohli něco nového naučit.

Drahomír Hanák

Tvůrce

Drahomír Hanák:20.6.2015 16:20

window.addEventListener('resize', canvasMan.resize.bind(canvasMan), true);

Viz https://developer.mozilla.org/…unction/bind

Nahoru Odpovědět

20.6.2015 16:20

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.

Nejčastěji vyhledáváné

Diskuze: Metoda objektu nenajde vlastnost objektu