Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Методы alert, prompt и confirm Введение в Функции Область видимости переменных

Введение в Функции в JavaScript - Параметры функции: числа и переменные

Функции в JavaScript - Оператор return

Урок №1 Введение в Функции

Количество просмотров: 672

Функции используются в большинстве языков программирования.

Рассмотрим пример из реальной жизни, где используются функции.

Допустим, Вы работаете в организации, и у Вас есть подчиненный, в обязанности которого, входит выполнение данных Вами поручений.

Например, Вам захотелось пиццы, но у Вас много работы и Вам некогда за ней идти. Тогда Вы принимаете решение поручить это подчиненному. Но он никогда не покупал для Вас пиццы и не знает, где находится магазин. Тогда Вы пишите на листке бумаги ему инструкцию: «Доехать до ост. Динамо, пройти до дома №7 по проспекту Революции, свернуть направо, пройти ещё 200 метров и в магазине ДокаПИЦЦА купить пиццу с грибами».

Подчиненный все это выполняет и возвращается с покупкой через 40 минут.

Если через какое-то время Вам снова захочется пиццы, то уже не нужно будет повторно объяснять подчиненному маршрут и порядок действий. А просто сказать ему: «Принеси мне пиццу».

Суть использования функций: создав один раз какую-либо инструкцию, мы можем ее использовать и в дальнейшем.

Посмотрим, как описанная Выше ситуация выглядит с точки зрения JavaScript.

функция пицца (название пиццы){

Доехать до ост. Динамо, пройти до дома №7 по проспекту Революции, свернуть направо, пройти ещё 200 метров и в магазине ДокаПИЦЦА купить пиццу название пиццы

}

  1. Создаем функцию пицца
  2. В круглых скобках - параметр функции - название пиццы
  3. В фигурных скобках - инструкция для функции, в том числе параметр функции - название пиццы

Итак, функция создана. Теперь ее можно вызвать в любом месте программы. Для этого необходимо указать ее имя и параметр. И мы получим необходимый результат уже без повторения инструкций.

пицца (с грибами);

Простые функции в JavaScript - Вызов функции - Параметры числа

Простые функции в JavaScript - Вызов функции - Параметры числа

Теперь, когда мы наглядно познакомились с функциями, можно реализовать работу с ними непосредственно в JavaScript.

Давайте напишем простую функцию, которая будет суммировать 2 числа и выводить результат на экран.

<script type="text/javascript">

function sum(number1,number2)
{
var itog = number1 + number2;
document.write("Сумма этих чисел равна: " + itog);
}

</script>

 

Фрагмент кода выше ничего нам не дает, так как мы создали функцию и написали лишь инструкцию к ней - то, что она делает...

Чтобы эту инструкцию выполнить, необходимо обратиться к данной функции - вызвать ее. Для этого необходимо указать ее имя и в круглых скобках параметры функции, то есть любые два числа.

<script type="text/javascript">

function sum(number1,number2) /* Создаем функцию sum с двумя параметрами */

/* Далее... инструкции для функции - сложение чисел и вывод результата на экран */
{
var itog = number1 + number2;
document.write("Сумма этих чисел равна: " + itog);
}

sum(25,41) /* Вызываем функцию и указываем ее параметры */

</script>

Сумма этих чисел равна: 66

Теперь, чтобы получить сумму любых двух чисел, необходимо вызвать функцию, то есть указать ее имя sum и в круглых скобках передать ей интересующие нас числа.

Таким образом, использование функций в JavaScript «облегчает жизнь» в том плане, что экономит время и позволяет сократить написание кода за счет создания таких вот конструкций.

Функций в JavaScript - Параметры переменные

Функций в JavaScript - Параметры переменные

В примере Выше в качестве параметров функции выступали числа. Но это вовсе не обязательно. Параметрами функций могут быть, в том числе, и какие-либо переменные.

Допустим, Вы владелец Автопарка. И Вам нужно знать количество машин в нем.

<script type="text/javascript">

function park(number1,number2) /* Создаем функцию */
{/* Далее... инструкции для функции */
var itog = number1 + number2;
document.write("В парке насчитывается " + itog + " единиц автотранспорта");
}

var auto = 245;

var moto = 124;

park(auto,moto) /* Вызываем функцию и указываем в качестве параметров переменные */

</script>

В парке насчитывается 369 единиц автотранспорта

Домашнее задание - функции в JavaScript

Домашнее задание - функции в JavaScript

Как в основном это было в предыдущих уроках и темах, после изучения вводной части темы функции в языке JavaScript, сейчас мы выполним домашнее задание.

Их будет два...

Домашнее задание №1

 

 

В качестве домашнего задания вам надо написать функцию, которая бы вычисляла квадрат переданного ей числа и выводила бы его на экран.

Это задание довольно простое, так как во многом похоже на те примеры, где мы выводили сумму двух чисел или переменных.

<script type="text/javascript">

function kvadra(number) /* Создаем функцию kvadra с одним параметром */
{ /* Инструкции для функции */
var square = number * number;
document.write("Квадрат числа " + number + " равен " + square);
}

kvadra(3) /* Вызов функции */

</script>

Квадрат числа 3 равен 9

Домашнее задание №2

 

 

Написать функцию, которая бы запрашивала у пользователя число и выводила бы на экран куб, указанного пользователем числа.

Это домашнее задание немного сложнее предыдущего, но лишь тем, что нам нужно будет вспомнить тему предыдущего урока.

Если быть точнее, то нам будет нужен метод prompt объекта Window, который, если Вы забыли, вызывает модальное окно, содержащее поле для ввода информации.

Таким образом, мы сможем запросить у пользователя ввести число, куб которого он хотел бы получить.

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

<script type="text/javascript">

function cube() /* Создаем функцию */
{ /* Вызываем модальное окно при помощи метода prompt и заносим результат работы этого метода в переменную kub */
var kub = prompt("Куб какого числа Вы хотели бы получить?");

var result = kub*kub*kub;
document.write("Куб числа " + kub + " равен " + result);
}

cube()/* Вызов функции */

</script>

Итак, на этой странице мы познакомились с функциями в языке JavaScript. Научились их вызывать. Узнали о том, что функции выполняют определенные инструкции, и что ее параметрами могут быть как числа, так и переменные.

Главная Изучаем JavaScript Введение в Функции Область видимости переменных

Ваши комментарии к уроку:

Комментариев нет...

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

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru