Разработка методики преподавания факультатива по программированию на языке JavaScript

Объектно-ориентированная методология, так же как и структурная, преследует целью построение иерархического дерева взаимосвязей между объектами. Иерархия – упорядоченная система абстракций.

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

Наследова

ние – это такое отношение между объектами, когда один объект повторяет структуру и поведение другого.

Принцип наследования действует в жизни повсеместно и повседневно. Например, класс «Животное» имеет свойства «наличие головы», «наличие конечностей», методы «идти», «размножаться». Созданный на его основе класс «Птицы» наследует все свойства и методы, характерные животным, к которым добавляется свойство «наличие крыльев» и метод «умение летать».

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

Еще один принцип, который используется в ООП, называется принципом полиформизма.

Полиформизм – это свойство различных объектов выполнять одно и тоже действие разными способами, т.е. некоторые свойства объектов, сохраняя название, изменяются по сути.

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

Например, действие «бежать» свойственно большинству животных. Однако каждое из них (лев, слон, черепаха, крокодил) выполняет его по-своему. В рамках ООП поведенческие свойства объекта определяются набором входящих в него методов. Изменяя алгоритм того или иного метода в потомках объекта, мы можем придавать этим потомкам отсутствующие у родителя специфические свойства. Полиформизм означает, что для различных родственных объектов можно задать множество способов в реализации одного и того же действия. Затем для каждого конкретного объекта составляется свой метод, который выполняет это действие непосредственно для данного объекта. Причем все эти методы могут иметь одно и тоже имя. При традиционном подходе к программированию, животных будет перемещать программист, вызывая для каждого животного и каждого действия свою подпрограмму. При объектно-ориентированном подходе, программист только указывает какому объекту, какое их присущих ему действий требуется выполнить и (для рассматриваемого примера) однажды описанные объекты-животные сами будут себя передвигать характерным для них способом, используя входящие в него методы. Действие «бежать» будет называться полиформическим, а многообразие форм проявления этого действия – полиформизмом.

Занятие 2. Введение в язык программирования JavaScript. Ввод и вывод данных. Переменные в языке JavaScript.

Понятие программы на языке JavaScript.

Язык программирования JavaScript – это язык написания сценариев, встраиваемых в Web-страницы. Язык JavaScript поддерживается такими браузерами, как Netscape Navigator и Microsoft Internet Explorer.

Программой на языке JavaScript называется сценарий (script).

Сценарий – это последовательность операторов, которая обрабатывается встроенным в браузер интерпретатором. Сценарии на языке JavaScript включаются в Web-страницу в виде исходного текста. Программа-интерпретатор работает совместно с исходным текстом, она разбирает каждую инструкцию исходного текста (интерпретирует ее) и немедленно исполняет.

Инструменты написания сценариев.

Для написания исходного текста сценария используется:

Текстовый редактор Windows Notepad.

Средства визуального проектирования. В качестве средств визуального проектирования используются HTML-редакторы, позволяющие вставлять в Web-страницы сценарии. К таким средствам относятся Microsoft FrontPage и Macromedia Dreamweaver.

Размещение сценария.

Использование сценариев языка JavaScript может быть осуществлено:

1) за счет включения блока SCRIPT в HTML-код. Для включения сценариев, написанных на языке JavaScript, в HTML-код используется блок SCRIPT. Назначение данного блока – указать браузеру, что содержимое блока, заключенное между открывающим и закрывающим тегами, является сценарием.

Этот блок вставляется внутри блока HEAD, также может вставляться внутри блока BODY, в параметре language тега <script> необходимо указать используемый язык сценариев.

Пример:

<html>

<head>

<script language="JavaScript">

Операторы языка JavaScript;

</script>

</head>

</html>

2) за счет подключения к Web-странице внешнего файла с расширением .js.

Сценарий, написанный на языке JavaScript, может содержаться в отдельном файле. Это удобно, например, когда один и тот же сценарий используется на нескольких страницах. Для этого в текстовом файле с расширением .js записывается сценарий без блока SCRIPT и в месте вызывающем этот сценарий HTML-страницы записывается блок SCRIPT с указанием внешнего файла:

<script language="JavaScript" src="имя_файла.js">

</script>

3) за счет встроенного сценария.

Встроенный сценарий – это сценарий, помещенный в HTML-теги web-страницы. Встроенный сценарий содержится в теле страницы, его не нужно помещать в блок SCRIPT – достаточно записать событие onclick в соответствующем теге.

Пример:

<html>

<head>

<script language="JavaScript">

</script>

</head>

<body>

<p onclick = «Метод языка JavaScript»> Сообщение </p>

</body>

</html>

Типы данных

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

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

"Привет"

Строка "", не содержащая ни одного символа (даже пробела), называется пустой. При этом строка, содержащая хотя бы один пробел (например, " "), не пуста.

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

В языке JavaScript используются два типа чисел. Это целые числа (integer) и числа с плавающей точкой (floating-point number). Целые числа находятся в диапазоне от –10-308 до 10308. Числа с плавающей точкой представляют собой числа с дробной десятичной частью (например, 3.141596), либо числа в экспоненциальной форме (например, 3.76е2).

Логический (булевский) тип данных (boolean). Данные логического типа могут принимать одно из двух значений: true или false. Эти значения записываются без кавычек. Значение true означает истину, значение false – ложь.

Особые типы данных: числа, неопределенные и неопределяемые выражения. К ним относятся числовые значения: