Codice che non capisco

Sto cercando di imparare javascript, ho trovato un codice di esempio ma non lo capisco, in pratica cliccando su una parte di immagine questa cambia:

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<p>Click the light bulb to turn on/off the light.</p>

<script>
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}
</script>

non capisco bene la funzione, viene creata una variabile con un'immagine ma alla riga sotto dell'ifa cos'è quel parametro match???ho cercato in giro ma non ho capito a cosa serve in questo caso e perchè sia nella riga sotto che dopo l'else c'è la stessa immagine??????

praticamente controlla che nel src del tag <img> con id "myImage" ci sia la parola bulbon
se c'è la cambia con pic_bulboff.gif
se non c'è (else) la cambia con pic_bulbon.gif