Wywołanie funkcji w środku IIEF

Question

Witam, mam problem, jak wywołać funkcję test() ? :)

 

<div id="animals"></div>
<script>
(function() {
	test()
	{
		var animal = "cat";
		document.getElementById("animals").textContent = animal;
	}
})();
</script>

 

Answer 1

<div id="animals"></div>
<script>
(function() {
    function test()
    {
        var animal = "cat";
        document.getElementById("animals").textContent = animal;
    }
    test();
})();
</script>

Najpierw musisz zdefiniować funkcję aby ją wywołać.

Comments

Ohhh  Moje myślenie czasem mnie rozbraja :P Często zapominam o "var" przed zmiennymi, "function" przed funkcjami itp.

 

Bardzo dziękuję ;)

---

Spóźniłem się troszkę, bo zdążyłeś zamknąć pytanie... w każdym razie zapis test(){} byłby poprawny, gdybyś zapisał go jako metodę obiektu - ES6 dopuszcza taki zapis: http://es6-features.org/#MethodProperties

Poza tym, możesz wywołać funkcję test na zewnątrz IIFE, jeśli przypiszesz ją jako metodę obiektu window.

Przykład:

(function() {
    function test()
    {
        console.log('From IIFE');
    }

    window.test = test;
})();

test(); // nie musisz podawac window, gdyz JS sie 'domysli' ze funkcja ta ma zasieg globalny

---

Obiektów jeszcze nie opracowałem, na razie chcę tylko polepszyć ten kod:

http://forum.pasja-informatyki.pl/192584/ocena-kodu-javascript#c192663

a wywołanie funkcji w środku IIFE to chyba najprostsze rozwiązanie :P Ale dziękuję ;)

---

Poza tym, możesz wywołać funkcję test na zewnątrz IIFE, jeśli przypiszesz ją jako metodę obiektu window.

W takim razie po co IIFE? : d

---

Panowanie mam kolejny problem :( Nie działa mi funkcja document.getElementByClass().

Wywala error w konsoli: Uncaught TypeError: document.getElementByClass is not a function(…)

 

(function() {

	var numer = 1;
	var timer;
	var slide = document.getElementByClass("slide");
	
	function zmienslajd()
	{
		slide.src = 'images/'+numer+'.png';
	}
	zmienslajd();
})();

 

---

@niezalogowany, ze względu na przestrzenie nazw. To co ma być niewidoczne dla globala - nie wypuszczasz poza IIFE, a to co chcesz wyjściowo mieć w globalu, to przypisujesz do window: http://tutorials.comandeer.pl/js-beauty.html#namespaces

@dewe, źle zapisałeś metodę: https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

Dodatkowo, w linijce 9 też pewnie wyrzuci CI błąd, gdyż metody z "rodziny" .getElementsBy* zwracają kolekcję elementów, więc przy odczytywaniu/modyfikacji atrybutów musisz podać konkretny numer elementu (tak jak robisz to w tablicach przez nawiasy kwadratowe).

---

Poza tym, możesz wywołać funkcję test na zewnątrz IIFE, jeśli przypiszesz ją jako metodę obiektu window.

Nazywanie tego przestrzenią nazw to już prawie nieporozumienie. Przestrzeń nazw to de facto obiekt w global scopie - jak sama nazwa wskazuje, zawierający (niepowtarzalne) nazwy.

---

Ze względu na przestrzenie nazw. To co ma być niewidoczne dla globala - nie wypuszczasz poza IIFE, a to co chcesz wyjściowo mieć w globalu, to przypisujesz do window

W zależności od implementacji, przestrzeń nazw nie musi oznaczać enkapsulacji.