Funkcja w forEach JS

Question

Mam pytanie dotyczące jednej z funkcji z CodeReview z odcinka 3 JS -> link. Problem dotyczy funkcji appendLetters(). 

function appendLetters() {
		lettersToWrap.split('').forEach(function (letter, index) {
			var letterElement = lettersWrapper.appendChild(document.createElement('div'));
			var letterPosition = index + 1;
			var lettersInWidth = 7;

			if (letterPosition % lettersInWidth === 0) {
				var clearfixElement = lettersWrapper.appendChild(document.createElement('div'));
				clearfixElement.classList.add('clearfix');
			}

			letterElement.innerHTML = letter;
			letterElement.classList.add('letter');
			letterElement.addEventListener('click', function () {
				return discoverLetter(letter, letterElement);
			}, false);
		});
	};

 

Mianowice 1 linii kodu tej funkcji a dokładniej .forEach(function (letter, index) wiem że forEach wykonuje się dla każdego elementu tablicy tylko na jakiej podstawie są wybierane wartości letter oraz index dla każdego elementu tablicy?

Answer 1

> lettersToWrap.split('')

tworzy ze stringa arraya (tablice): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split

a później leci:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach#Polyfill

Comments

Czyli tutaj .forEach(function (x, y) pierwsza zmienna zawsze odpowiada wartości zmiennej w danym momencie a druga za index tego elementu.

---

Tak. Bodajże każda funkcja w JS ma "magiczne" property ``arguments``

coś jak func_get_args(); : http://php.net/manual/en/function.func-get-args.php

Ta właściwość przetrzymuje wszystkie argumenty zapodane do funkcji, nawet jeśli ona nie ma ich zdefiniowanych w "nagłówku"

Przykłady:

function a(){
    console.log(arguments);
}

function b(x,y,z){
   console.log(arguments)
}


a('ala','ma', 'kota', 'franka'); 
b('ala','ma', 'kota', 'franka');

Obydwie funkcje wyplują do loga to samo.

---

Ok dzięki.