1. Функции Язык JavaScript Алексей Бованенко

2. Создание функций Ключевое слово function functionmyFunction(){ …} var f = function(){ …} functionИмяФункции(параметр, параметр){}

3. Декларация и вызов Функция может быть вызвана до своей декларации myFunc(); fucntionmyFunc(){ alert(“Моя функция”);}

4. Анонимная функция Работа с анонимными функциями Сохранение функции в переменной var f = function(){ alert(“Моя функция”);} f(); Использование в качестве возвращаемого значения function f1(){ return function(){ alert(“Hi!”); }; }

5. Анонимные функции Непосредственный вызов анонимной функции (function() { alert(“Моя функция”);})();

6. Аргументы функции function FuncName(аргументы){} function f1(){ alert(“Hello!”);} function f2(name){ alert(“Hello, “ + name);}

7. Использование аргументов Не все аргументы обязательно использовать function f(a, b, c){ alert(“a: “+ a + “ b: “ + b + “ c: “ + c);} f(10, “hello”);

8. Использование аргументов Можно использовать больше аргументов, чем указано (все значения – в arguments) function f(a, b){ alert(a); alert(b); for(vari=0; i<arguments.length;++i) alert(arguments[i]);} f(10, 20, 30, 40);

9. Возвращаемые значения Все функции возвращают значения Без использования return function f1(a, b){ var c = a + b; } alert( typeof f1(10,20)); // undefined С использованием return function f2( a, b ){ return a + b; } alert( typeof f2(10,20)); // number

10. Функциякак метод Функция может быть методом объекта varmyObj={myProperty : 20}; myObj.myMethod = function(){ return this.myProperty;} alert(myObj.myMethod()); // 20

11. Потеря функцией контекста Контекст – объект varmyObj={myProperty : 20}; myObj.myMethod = function(){ return this.myProperty;} Смена контекста varmyFunc = myObj.myMethod; alert(myFunc()); // undefined

12. Навязывание контекста callи applyпозволяют указать контекст для функции func.call(object); func.apply(object); Различия между callи apply func.call(object, param1, param2); func.apply(object, [param1, param2]);

13. Пример задания контекста varobj = {myProp : 20}; obj.test=function(){return this.myProp;}; alert(obj.test());// 20 vart = obj.test; // смена контекста alert(t());// undefined alert(t.call(obj)); // 20, задание контекста alert(t.apply(obj));// 20, задание контекста

14. Различия между call и apply varf = function(val1, val2){return this.myProp + val1 + val2;} varobj={myProp : 42}; alert( f( 10, 20) ); // NaN alert( f.call( obj, 10, 20) ); // 72 alert( f.apply( obj, [10, 20] ) ); // 72

15. Спасибо за внимание Конец e-mail: a.bovanenko@gmail.com http://slideshare.net/albova