< Return to Video

Métodos de Objeto (Versión en Video)

  • 0:01 - 0:06
    En nuestra guía paso a paso anterior, aprendimos como hacer un tipo de objeto para representar nuestros dos objetos estilo "Winston",
  • 0:06 - 0:09
    y luego inicializarlos con los constructores.
  • 0:09 - 0:13
    Ahora, nuestro objeto no sólo puede estar asociado con propiedades,
  • 0:13 - 0:19
    también puede estar asociado con funcionalidades. Piensa en el mundo y todos los tipos de objetos que hay en él,
  • 0:19 - 0:26
    como los humanos. Todos tenemos estatura y edad, pero también tenemos cosas que podemos hacer, como dormir, comer y programar.
  • 0:26 - 0:31
    Y queremos poder asociar esas funciones con esos tipos de objetos.
  • 0:31 - 0:36
    En este programa, que está como lo dejamos la última vez, tenemos una función,
  • 0:36 - 0:43
    "drawWinston", que llamamos con los dos objetos "Winston". ¿No estaría bien que ligaramos esa función
  • 0:43 - 0:49
    al tipo de objeto "Winston"?, Bueno, podemos hacerlo y es fácil.
  • 0:49 - 0:56
    Así que debajo de nuestro constructor, vamos a escribir "Winston", con "W" mayúscula, punto "prototype".
  • 0:56 - 0:59
    "Prototype" (prototipo), es una palabra nueva que probablemente no habías visto antes.
  • 0:59 - 1:06
    Y "prototype" es la propiedad de un objeto a la que podemos ligar funciones,
  • 1:06 - 1:13
    y eso significa que cada objeto que sea una instancia de este objeto tendrá esas funciones.
  • 1:13 - 1:20
    Así que podemos escribir: punto "prototype" y luego punto, y el nombre de la función, en este caso "draw",
  • 1:20 - 1:26
    igual a... y podemos tomar el código de la función "drawWinston" y ponerlo aquí,
  • 1:26 - 1:33
    moverlo aquí dentro. Muy bien, lo que hicimos fue ligar la función "draw"
  • 1:33 - 1:40
    con nuestro prototipo "Winston". Y eso significa que podremos llamar la función "draw()" desde cualquier objeto tipo "Winston".
  • 1:40 - 1:45
    Muy bien, entonces podemos llamar la función "draw()" en "winstonTeen" o en "winstonAdult".
  • 1:45 - 1:50
    Y cuando tenemos una función como ésta, la podemos llamar en el objeto,
  • 1:50 - 1:55
    y en realidad a esto lo llamamos "método", así que ahora me oirás decir "método".
  • 1:55 - 1:58
    Entonces digamos que esto es "el método dibujar" ("the draw method"). Ok.
  • 1:58 - 2:04
    Así que ahora borramos esto, y vamos a ver si podemos llamar a "draw()".
  • 2:04 - 2:07
    "winstonTeen.draw()"
  • 2:07 - 2:14
    Ok. Tenemos un error, tenemos este error aquí afuera que dice: "winstObject is not defined".
  • 2:14 - 2:21
    Ok. Entonces, antes estábamos pasando este argumento a la función "drawWinston", que era el objeto "Winston",
  • 2:21 - 2:26
    pero ahora ya no lo estamos pasando. Podríamos cambiar esto y pasarlo,
  • 2:26 - 2:31
    y luego, déjenme ver, ¿qué deberíamos pasar aquí? Tenemos que pasar "winstonTeen". Ok.
  • 2:31 - 2:38
    Esto funciona, pero es muy tonto hacer esto. Estoy llamando la función "draw" sobre el mismo objeto.
  • 2:38 - 2:44
    No debería pasar el objeto. Esto es redundante.
  • 2:44 - 2:48
    Y es cierto, no debemos hacer eso, vamos a borrar esto y pensemos un poco.
  • 2:48 - 2:54
    Si estamos dentro del objeto, ¿qué podríamos usar para acceder a las propiedades del objeto?
  • 2:54 - 3:00
    Bueno, deberíamos fijarnos en nuestro constructor y recordar la palabra clave "this" y pensar: "Ah,
  • 3:00 - 3:09
    debemos cambiar esto por 'this'". Así que cambiamos "winstObject" por "this".
  • 3:09 - 3:13
    Porque ahora estamos dentro del objeto. Esta función está siendo evaluada
  • 3:13 - 3:17
    en el objeto, así que "this" se refiere al objeto actual.
  • 3:17 - 3:23
    Y de esta manera podemos usar simplemente "this" y estaremos teniendo acceso a todas las propiedades del objeto actual.
  • 3:23 - 3:27
    Y eso funciona totalmente, ¿Lo ven? ¿No es genial?
  • 3:27 - 3:32
    Entonces ahora podemos escribir "winstonAdult.draw()".
  • 3:32 - 3:38
    ¡Tan tan! Y tendrá acceso a las propiedades de "winstonAdult" porque es el objeto en el que se llama.
  • 3:38 - 3:46
    Esto es lo bueno de esta palabra clave "this", aunque a veces puede ser un poco confuso usarla.
  • 3:46 - 3:52
    Muy bien, esto ha sido muy divertido, así que añadamos otro método. Ok. ¿Qué más podría hacer "Winston"?
  • 3:52 - 4:01
    Tal vez hablar. Así que haremos un "Winston.prototype.talk". Podemos ligar tantos métodos como queramos al prototipo.
  • 4:01 - 4:05
    Así que vamos a decir: "I´m Winston" ("Soy Winston").
  • 4:05 - 4:13
    Y luego lo escribimos en "this.x+20" y "this.y+150".
  • 4:13 - 4:20
    Entonces vemos que no pasa nada, pero es porque todavía no he llamado esa función.
  • 4:20 - 4:25
    Así que hagamos hablar al adolescente, "winstonTeen.talk()", ok,
  • 4:25 - 4:30
    "I´m Winston" ¡Tan tan! Y luego "winstonAdult.talk()".
  • 4:30 - 4:37
    ¡Tan tan! Muy bien, ahora tenemos este tipo de objeto "Winston" que tiene propiedades: "nickname",
  • 4:37 - 4:45
    "age"," x", "y"; y tiene funcionalidad: comportamiento, métodos, que actúan de forma diferente dependiendo de las propiedades.
  • 4:45 - 4:51
    Y podemos crear tantas instancias de "Winston" como queramos, y llamar cualquiera de estos método en ellos.
  • 4:51 - 4:53
    Bastante bien ¿o no?
Title:
Métodos de Objeto (Versión en Video)
Description:

more » « less
Video Language:
English
Duration:
04:54
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for Object Methods (Video Version)
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for Object Methods (Video Version)
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for Object Methods (Video Version)
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for Object Methods (Video Version)

Spanish, Mexican subtitles

Revisions