Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
7.1 Пользовательские функции

Автор: Denisido

Дата: 2010-07-04

Представьте, что вы пишете скрипт и вам нужно применить не одну, а несколько команд для решения часто возникающих задач или требований. В этом случае удобно использовать пользовательские функции. Почему пользовательские? В языке программирования JavaScript, как и в других языках, есть встроенные функции, с некоторыми из них вы уже знакомы, например, alert() или document.write(). На самом деле встроенных функций очень много, но порой для написания программы бывает и такое, что даже их не хватает. Тогда вы можете создать собственные функции, именуемые пользовательскими. Чтобы создать пользовательскую функцию нужно соблюдать следующий синтаксис:
function Имя функции  (параметры через запятую)   {произвольные действия};
1. Пишем ключевое слово function в нижнем регистре;
2. Произвольно обзываем нашу функцию, например function functionName () {};
3. В круглых скобках записываем (параметры через запятую, которые необязательны и понимаемые как переменные);
4. В фигурных скобках {желаемый javascript код} и точка с запятой в конце
Давайте попробуем создать простую пользовательскую функцию без входных параметров:

Запустить!
     alert('Привет!');                     // знакомая нами вложенная функция

     function wow() {                      // пользовательская ф-ция без параметров  
                    alert('ЕЩЕ ПРИВЕТ!');
                    };

Если вы заметили, то в нашем примере сработала только 1 строка, т.е. только вложенная функция, а написанная нами пользовательская не вывела нам сообщение "ЕЩЕ ПРИВЕТ!". Давайте разберемся почему так вышло. Дело тут в том, что мы только определили эту функцию, которую, стоит заметить, усвоил и обработал интерпретатор, но мы ее не вывели. А вывести ее очень просто - по названию (7 строка):

Запустить!
     alert('Привет!');                     // знакомая нами вложенная функция

     function wow() {                      // пользовательская ф-ция без параметров  
                    alert('ЕЩЕ ПРИВЕТ!');
                    };

     wow();

Как правило функции применяют для двух целей:
- для манипуляции над элементами страницы либо их свойствами, чтобы эти страницы смотрелись более динамично;
- для вычислений и последующего возвращения результата
Команда return применяется как раз для того, чтобы возвратить полученный результат. Попробуем рассмотреть ее в примере с входящими параметрами функции:

Запустить!
     function sum(a, b) {                // параметр1 - a, параметр2 - b
                        var c = (a + b);
                        return c;   // возвращает с
                        };

     sum(3,4);     // под параметр1 подставляем 3 (a=3), под параметр2 - 4 (b=4)
Запустить!
/*Еще пример - выводим значение в куб*/
   <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
   <title>Введение в JS</title>
   
  <script type="text/javascript">	
function cube(a)   {              
                   return a*a*a;
                   };
var s = cube(3);                 // подставляем в переменную а 3 (a=3) 
var v = cube(7);                 // подставляем в переменную а 7 (a=7) 
  </script>

  </head>
  <body>
<h1>Оператор return</h1>
<script type="text/javascript">  
document.write(s);                // выведет на экран 27  (3*3*3)
document.write('
' + v); // выведет на экран 343 (7*7*7) </script> </body> </html>

Анонимная (безымянная) функция

Пользовательская функция может и не иметь имени, своего уникального идентификатора для обращения к ней. Ее синтаксис абсолютно такой же, как и у именной функции, только она никак не обзывается. Как правило, вызов такой анонимной функции происходит напрямую или она записывается в переменную, с помощью которой ее можно косвенно вызвать. Функции, определенные таким образом, иногда обзывают лямбда-функциями или функциональными литералами, которые могут входить в другие JavaScript выражения. Посмотри пример с именной и анонимной функциями:

Запустить!
   function sqr(x) {return x*x;};              // именная функция
   var noName =  function(y) {return y*y;};    // функция без имени

   alert(sqr(2));                              // выведет 4 (2*2)
   alert(noName(3));                           // выведет 9 (3*3)



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 18031

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.