return - Kurs HTML i CSS
HTML5 / Data i czas <time>...{ function generate() { var elements = form.elements; var datetime = ''; Array.prototype.filter.call(elements, function(element) { return element.type === 'number' }).forEach(function(element) { var value = parseInt(element.value, 10); if (isNaN(value)) { element.value = ''; } else { var min = parseInt(element.min, 10); var max = parseInt(element.max, 10); if (value max) { element.value = max; } else { element.value = value; } } }); if...
Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Wywoływanie funkcji z tablicą argumentów - apply...w którym została zdefiniowana, nawet jeżeli jedna klasa nie dziedziczy po drugiej. Przykład Function.prototype.apply var f = function (a, b) { return a + b; }; var args = [1, 2]; f(args); // "1,2undefined" f.apply(null, args); // 3 var Person = function (name) { this.name = name; }; Person.prototype.speak = function (speech) { return this.name + ": " + speech; }; var Computer = function (name) { this.name = name; }; var obj...
- Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Wybieranie funkcji do wykonania - call
...tworzenia programu nie wiadomo jeszcze, którą funkcję będziemy chcieli wywołać. Przykład Function.prototype.call var f = function (a, b) { return a + b; }; f(1, 2); // 3 f.call(null, 1, 2); // 3 var Person = function (name) { this.name = name; }; Person.prototype.speak = function (speech) { return this.name + ": " + speech; }; var Computer = function (name) { this.name = name; }; var obj = new Computer('HAL 9000'); var txt...
- Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Ustawianie właściwej instancji obiektu w metodzie - bind
...listy. Przykład Function.prototype.bind var Person = function (name) { this.name = name; }; Person.prototype.speak = function (volume, speech) { return this.name + " (" + volume + "): " + speech; }; var Computer = function (name) { this.name = name; }; Computer.prototype.execute = function (command, args) { return command.apply(this, args); }; var person = new Person("John"); var f = person.speak.bind(person, "loudly"); var computer = new Computer("HAL 9000"); computer.execute(f...
- Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie warunku dla wszystkich elementów - every
...(i - ang. and) przy działaniach na wartościach skalarnych. Przykład Array.prototype.every var items = [3, 2, 1]; var f = function (x) { return x > 0; }; items.every(f); // true f = function (x) { return x this.value; }; var tester = new GreaterThan(0); items.every(tester.test, tester); // true tester.tests; // 3 tester = new GreaterThan(2); items.every(tester.test, tester); // false tester.tests; // 2 items = [1, 2]...
- Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie warunku dla przynajmniej jednego elementu - some
...(lub - ang. or) przy działaniach na wartościach skalarnych. Przykład Array.prototype.some var items = [3, 2, 1]; var f = function (x) { return x > 0; }; items.some(f); // true f = function (x) { return x this.value; }; var tester = new GreaterThan(0); items.some(tester.test, tester); // true tester.tests; // 1 tester = new GreaterThan(4); items.some(tester.test, tester); // false tester.tests; // 3 items = [1, 2]...
- Operacje na tablicach w JavaScript - Array.prototype / Iterowanie po elementach tablicy - forEach
...this.tests = 0; this.sum = 0; }; GreaterThan.prototype.test = function (value) { ++this.tests; if (value > this.value) { this.sum += value; return true; } return false; }; var tester = new GreaterThan(0); items.forEach(tester.test, tester); tester.sum; // 6 tester = new GreaterThan(1); items.forEach(tester.test, tester); tester.sum; // 5 // Przerwanie pętli w trakcie: tester = new GreaterThan(2); items.every(tester.test, tester); tester.sum...
- Operacje na tablicach w JavaScript - Array.prototype / Przekształcanie elementów tablicy - map
...są pomijane. Nie zmienia oryginalnej tablicy, ale zwraca nową. Przykład Array.prototype.map var items = [3, 2, 1]; var f = function (x) { return -x; }; items.map(f); // [-3, -2, -1] items; // [3, 2, 1] var GreaterThan = function (value) { this.value = value; this.tests = 0; }; GreaterThan.prototype.test = function (value) { ++this.tests; return value > this.value ? -value : value; }; tester = new GreaterThan(1); items.map(tester.test...
- Operacje na tablicach w JavaScript - Array.prototype / Odfiltrowywanie elementów tablicy - filter
...są pomijane. Nie zmienia oryginalnej tablicy, ale zwraca nową. Przykład Array.prototype.filter var items = [3, 2, 1]; var f = function (x) { return x > 1; }; items.filter(f); // [3, 2] items; // [3, 2, 1] var GreaterThan = function (value) { this.value = value; this.tests = 0; }; GreaterThan.prototype.test = function (value) { ++this.tests; return value > this.value; }; tester = new GreaterThan(2); items.filter(tester.test, tester)...
- Operacje na tablicach w JavaScript - Array.prototype / Redukowanie tablicy do wartości - reduce
...np. silnię lub sumę wszystkich elementów tablicy. Przykład Array.prototype.reduce var items = [3, 2, 1]; var f = function (a, x) { a += x; return a; }; items.reduce(f, 0); // 6 var GreaterThan = function (value) { this.value = value; this.tests = 0; }; GreaterThan.prototype.test = function (sum, value) { ++this.tests; if (value > this.value) sum += value; return sum; }; tester = new GreaterThan(1); f = tester.test.bind(tester); items.reduce(f); // 5 tester.tests...