�ݺ�ߣ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

�ݺ�ߣ

Javascript functions

Recommended

More Related Content

What's hot (19)

Viewers also liked (7)

Similar to Javascript functions (10)

More from Alexey Bovanenko (20)

Javascript functions