Dodawanie własnych metod do klasy

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2008-09-10

szukaj: obiekt klasa własne metody javascript js

Wszystko w JS jest obiektem. Obiekt ma to do siebie, że ma swoje metody (odpowiednik funkcji). Przykładowo:

<html>
<head>
	<script type="text/javascript"> 
	function funkcja()
	{
		var zmienna = 'jest ok';
	}
	</script> 
</head>
<body onload='alert(funkcja.toString());'></body> 
</html>

Jak widać zostanie nam wyświetlony kod funkcji. Tak jak już powiedziałem – wszystko jest obiektem, stąd też funkcja ma swoje metody, np. toString().

A zmieńmy tą metodę:

<html>
<head>
	<script type="text/javascript"> 
	function funkcja()
	{
		var zmienna = 'jest ok';
	}

	Function.prototype.newToString = function() {
		return 'Hola, hola! Nie mozna patrzec w kod!';
	}
	</script> 
</head>
<body onload='alert(funkcja.newToString());'></body> 
</html>

Warto tu zauważyć, że przypisaliśmy nową metodę nie do tego egzemplarza klasy, ale ogólnie do klasy. Wszystkie funkcje będą teraz mieć metodę newToString().

W ten sposób można też zmieniać już istniejące metody, np.:

<html>
<head>
	<script type="text/javascript"> 
	var zmienna = new String('Jest OK');
	String.prototype.toUpperCase = function() {
		return this.toLowerCase();
	}
	alert(zmienna.toUpperCase());
	</script> 
</head>
<body></body> 
</html>

Taki mały chochlik :P. Zamiast zwiększać literki, będziemy dzięki temu zmniejszać :). Życzę udanych prób.

Patryk 'yarpo' Jar

szukaj: obiekt obiekt klasa klasa własne metody javascript js

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!