Anonimowe funkcje

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

szukaj: funkcje anonimowe javascript 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ć:

dodawanie metod do klasy

Patryk 'yarpo' Jar

szukaj: funkcje anonimowe javascript js

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

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!