webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> porady >> javascript

Anonimowe funkcje

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

szukaj: funkcje anonimowe funkcje anonimowe javascript javascript js js

W JS zdarza się, że na jakieś zdarzenie chciałbyś aby skrypt robić coś więcej niż tylko jedną linię kodu – np. zmieniał wartość jakieś zmiennej. Można wtedy wykorzystać możliwość tworzenia funkcji anonimowych. Można by je często porównać do przypisywania w kodzie HTML wartości stylów przez atrybut style. Dlatego zawsze należy się zastanowić, czy oby ta metoda w tym wypadku jest najlepszym pomysłem.

A oto kod "tradycyjny":

<html>
<head>
	<script type="text/javascript"> 

	function funkcja() {
		// tu cos robie 
		alert('Dziala!');
		// tu cos robie
	}

	</script> 
</head>
<body> 
	<p><a href="#" onclick='funkcja()'>Kliknij</a></p> 
</body> 
</html>

Oczywiście można by od razu przypisać sam alert() do zdarzenia. Jednak tu chodziło o przykład, nie o to jak to działa :)

Następny krok – robimy z tego funkcję anonimową:

<html>
<head>
	<title>Przykład z funkcją anonimową</title>
</head>
<body> 
	<p><a href="#" onclick='new function() { alert("Dziala takze!"); }'>Kliknij</a></p> 
</body> 
</html>

W tym wypadku skróciło to kod, jednak ja wolałbym osobiście robić strony wg pierwszej metody. Czasem jednak takie coś może się przydać – szczególnie, gdy tworzymy własną klasę lub dodając kolejną metodę do już istniejącej klasy.

Warto spojrzeć:

Patryk 'yarpo' Jar

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

Szukasz profesjonalnej firmy?
Projektowanie stron internetowych.
Skontaktuj się z nami!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org