{"id":695,"date":"2024-07-30T20:08:07","date_gmt":"2024-07-30T18:08:07","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=695"},"modified":"2024-07-30T20:08:08","modified_gmt":"2024-07-30T18:08:08","slug":"004-metodos-estaticos-getters-y-setters","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/javascript\/javascript-practico\/05-programacion-orientada-a-objetos\/004-metodos-estaticos-getters-y-setters\/","title":{"rendered":"004. M\u00e9todos est\u00e1ticos, getters y setters"},"content":{"rendered":"\n

Si venimos de otros lenguajes de programaci\u00f3n, hay algunas caracter\u00edsticas que en Javascript<\/strong> no tenemos, como por ejm las clases privadas<\/strong>. Una clase privada<\/strong> es aquella que los atributos<\/strong> y m\u00e9todos<\/strong> que tengamos dentro de la clase<\/strong> s\u00f3lo se puedan ver dentro del cuerpo de la clase<\/strong>. Todas las clases que generamos en Javascript<\/strong> son p\u00fablicas, por ello no es necesario ponerle la palabra public<\/em><\/strong>.<\/p>\n\n\n\n\n\n\n\n

M\u00e9todos est\u00e1ticos<\/h2>\n\n\n\n

Hay ciertas caracter\u00edsticas que s\u00ed existen en la escritura de clases<\/strong> en Javascript<\/strong>, una de ellas son los m\u00e9todos est\u00e1ticos<\/strong>. Los m\u00e9todos est\u00e1ticos<\/strong> son aquellos que se pueden ejecutar sin la necesidad de instanciar<\/strong> la clase<\/strong>. La sintaxis es la siguiente.<\/p>\n\n\n\n

Ejm<\/strong><\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>M\u00e9todos est\u00e1ticos<\/title>\n  <\/head>\n\n  <body>\n    <h1>M\u00e9todos est\u00e1ticos<\/h1>\n\n    <script>\n      class Nombre {\n        constructor(nombre, apellido) {\n          this.nombre = nombre;\n          this.apellido = apellido;\n        }\n\n        mostrar() {\n          console.log(`Nombre: ${this.nombre} - Apellido: ${this.apellido}`);\n        }\n\n        static saludar() {\n          console.log(\"Hola que tal\");\n        }\n      }\n\n      \/* Llamamos al m\u00e9todo est\u00e1tico con la siguiente sintaxis\n      El nombre de la clase, un punto y la funci\u00f3n est\u00e1tica *\/\n      Nombre.saludar();\n    <\/script>\n  <\/body>\n<\/html><\/pre>\n\n\n\n
M\u00e9todos getters y setters<\/h2>\n\n\n\n
Los getters<\/strong> y setters<\/strong> son m\u00e9todos<\/strong> especiales que permiten establecer y obtener los valores de los atributos<\/strong> de nuestra clase<\/strong>.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Getters y Setters en Javascript<\/title>\n  <\/head>\n\n  <body>\n    <h1>Getters y Setters en Javascript<\/h1>\n\n    <script>\n      class Animal {\n        constructor(nombre, edad) {\n          this.nombre = nombre;\n          this.edad = edad;\n          this.raza = null;\n        }\n\n        mostrar() {\n          console.log(`Nombre: ${this.nombre} - Edad: ${this.edad}`);\n        }\n\n        get getRaza() {\n          return this.raza;\n        }\n\n        set setRaza(raza) {\n          this.raza = raza;\n        }\n      }\n\n      const perro = new Animal(\"Perro\", 51);\n      perro.setRaza = \"Doberman\";\n      console.log(perro.getRaza);\n    <\/script>\n  <\/body>\n<\/html><\/pre>\n\n\n\n
Aunque getRaza()<\/em> es un m\u00e9todo obtenedor<\/strong>, Javascript<\/strong>, cuando llamamos al m\u00e9todo<\/strong> lo tenemos que tratar como si fuera una propiedad<\/strong>. Lo mismo ocurre con setRaza()<\/em>, lo trata como una propiedad<\/strong>. El m\u00e9todo est\u00e1tico<\/strong>, al poderse utilizar sin necesidad de instanciar<\/strong>, no lo encontraremos dentro del prototipo<\/strong>. Es una caracter\u00edstica de los m\u00e9todos est\u00e1ticos<\/strong> en Javascript<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Si venimos de otros lenguajes de programaci\u00f3n, hay algunas caracter\u00edsticas que en Javascript no tenemos, como por ejm las clases privadas. Una…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":685,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-695","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Si venimos de otros lenguajes de programaci\u00f3n, hay algunas caracter\u00edsticas que en Javascript no tenemos, como por ejm las clases privadas. Una...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions"}],"predecessor-version":[{"id":696,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions\/696"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/685"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}