• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Javascript functions
 

Javascript functions

on

  • 1,506 views

 

Statistics

Views

Total Views
1,506
Views on SlideShare
1,501
Embed Views
5

Actions

Likes
0
Downloads
6
Comments
0

1 Embed 5

http://www.slideshare.net 5

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Javascript functions Javascript functions Presentation Transcript

    • Функции
      Язык JavaScript
      Алексей Бованенко
    • Создание функций
      Ключевое слово function
      functionmyFunction(){ …}
      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);
    • Возвращаемые значения
      Все функции возвращают значения
      Без использования 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
    • Функциякак метод
      Функция может быть методом объекта
      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и apply
      func.call(object, param1, param2);
      func.apply(object, [param1, param2]);
    • Пример задания контекста
      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, задание контекста
    • Различия между 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
    • Спасибо за внимание
      Конец
      e-mail: a.bovanenko@gmail.com
      http://slideshare.net/albova