Создание собственных (пользовательских) функций. Примеры передачи данных и обработки возвращенного значения функции

Практическая работа №13

Тема: Создание собственных (пользовательских) функций. Примеры передачи данных и обработки возвращенного значения функции

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

Время выполнения: 2 часа

Теоретический материал:

Для организации одних и тех же вычислений с различными параметрами используются функции. Функция – это автономная часть программы, которая работает только при её вызове. Общий вид записи функции на языке JavaScript:

function имя функции (список формальных параметров, разделённых запятыми)

{… тело функции; …

return значение; }

Команда return, возвращающая значение может быть не одна, может и отсутствовать. В последнем случае функция не возвращает никакого значения, и её вызов нельзя использовать в выражениях.

Вызов функции осуществляется так:

имя функции (список фактических параметров, разделенных через запятую);

Параметры могут быть четырёх видов: локальные и глобальные, фактические и формальные. Формальные заказываются при описании функции, фактические – подставляются вместо формальных в момент вызова функции. Локальные параметры действуют только в определённом блоке, например, в функции. Глобальные можно использовать во всей программе.

Задания:

Задания 1. Создайте страницу со следующими элементами: надписи, текстовые поля и кнопка. Расположение элементов должно быть следующим (для позиционирования используйте таблицу с невидимыми границами):

Задания 2. В другом файле разработайте форму с текстовым полем и кнопкой. Напишите скрипт, который при нажатии на кнопку создаёт новое окно и помещает туда данные из текстового поля следующего формата: кегль – 16, гарнитура – Monotype Corsiva, цвет – зелёный, цвет фона – жёлтый.

Требования к отчёту: в тетрадь оформляются все пункты хода работы по порядку.

 Создайте в своей папке файл с именем pr5_1.html.

1.   В данном файле с помощью тэгов создайте форму с текстовым полем и кнопкой. По событию click пропишите вызов функции. В функции из первых трёх полей считываются данные (число, знак операции и второе число) и производятся вычисления в соответствие со знаком операции. Учтите то, что «+» для строковых данных – это конкатенация. Результат должен помещаться в четвёртое поле.

2.   Создайте в своей папке файл с именем pr5_2.html для решения второго задания.

3.   Напишите скрипт по заданию. Используйте метод обработки onclick() для вызова скрипта. Размеры нового окна задаются произвольно.

Контрольные вопросы:

1.   Запишите синтаксис описания пользовательской функции.

2.   Охарактеризуйте основные виды параметров функций.

3.   В чём заключаются отличия пользовательских и стандартных функций?

4.   С помощью какой команды происходит возврат результата из функции?

5.   Укажите взаимосвязь формальных и фактических параметров.

6.   Каким образом описывается функция без входных параметров?

7.   Приведите пример вызова функции.

Скачано с www.znanio.ru