This w onClick Opcje

[Yorki]

Witam, mam problem, tak mniej więcej wygląda struktura mojej "klasy":

[HTML] pobierz, plaintext 
function Lib(){
  this.init = function(c){
    c.onmousemove = this.mouseMove;
  }
  this.mouseMove = function(e){
    if (this.getElementByCursor(e.clientX, e.clientY)){
      document.body.style.cursor = "pointer";			
    }
  }
  this.getElementByCursor(x,y){
    //
  }
}
[HTML] pobierz, plaintext 

Problem jest w CYLib.mouseMove, to this powinno się odnosić do Lib, a nie do obiektu z którego wywołane jest onClick. Jak odwołać się do Lib?

[Crozin]

Powinieneś tutaj skorzystać z Function.call().

[kamil4u]

Myślę, że lepiej w tym wypadku zrobić sobie zmienną that:

Kod

function Lib(){
this.that = this;

i odwoływać się właśnie przez tą zmienną

[Yorki]

Myślę, że lepiej w tym wypadku zrobić sobie zmienną that:

Kod

function Lib(){
this.that = this;

i odwoływać się właśnie przez tą zmienną

Ale co to daje? Nic. Bo nie odwołam się przez this.that ..

Powinieneś tutaj skorzystać z Function.call().

Nie wiem czy dobrze napisałem, ale próba odwołania się przez :

[HTML] pobierz, plaintext 
this.mouseMove = function(e){			
		if (Lib.getElementByCursor.call(this, e.clientX, e.clientY) != false){
			document.body.style.cursor = "pointer";			
		}
	}
[HTML] pobierz, plaintext 

Kończy się : Uncaught TypeError: Cannot call method 'call' of undefined

Ten post edytował Yorki 31.08.2012, 23:38:33

[Crozin]

@kamil4u: Jak już to var that = this; - w takich przypadkach nie zależy nam na tym by właściwość ta była publiczna.

Ale co to daje? Nic. Bo nie odwołam się przez this.that ..

W takim przypadku nie odwołujesz się przez this.that, a samo that, które jest referencją do pożądanego przez Ciebie obiektu/kontekstu.

Co do Function.call()

[JAVASCRIPT] pobierz, plaintext 
function Lib() {
  var self = this;
 
  this.init = function(c) {
    c.onmousemove = function(e) {
        self.mouseMove.call(self, e);
    }
  }
 
  this.mouseMove = function(e){
    if (this.getElementByCursor(e.clientX, e.clientY)){
      document.body.style.cursor = "pointer";			
    }
  }
  this.getElementByCursor(x,y){
    //
  }
}
[JAVASCRIPT] pobierz, plaintext 

EDIT: Ale w sumie, lepiej używać już obejścia w postaci self/that - mieszanie z kontekstem wywołania obiektów w JS prędzej czy później zaczyna być męczące.

Ten post edytował Crozin 1.09.2012, 01:32:56

[Yorki]

Dzięki już ogarniam z tym Function.call()