«Javascript функции» – шестой урок учебника JavaScript. В этом уроке мы обсудим основы создания и работы с функциями в JavaScript.
В предыдущих уроках нам уже доводилось создавать пользовательские функции, и не раз. Пришло время рассмотреть создание функций более подробно.
Функции в JavaScript. Основы
В любом языке программирования должен быть организован механизм работы с многократно повторяющимися частями кода, более известными, как функции. И JavaScript не является исключением. Итак, разберем особенности создания и использования функций JavaScript. Создание функции в JS
Для создания функции используется оператор function: function f1(a,b,...) { /* тело функции*/ }
Сразу после оператора function, в скобках следует перечисление передаваемых в функцию переменных. Затем, в фигурных скобках, располагается сама функция. Рассмотрим небольшой пример, который проверит тип переменной для нашей функции:
<script>
function ex7()
{
window.alert('тип переменной для нашей функции: '+typeof(ex7))
}
</script>
Саму функцию в JavaScript без труда можно поместить внутрь переменной следующим образом:
function ex7() { window.alert('тип переменной для нашей функции: '+typeof(ex7)) } b=ex7();
Теперь наша функция содержится внутри переменной b и может быть вызванна путем вызова переменной b:
<input type="submit" value="проверить тип переменной для нашей функции" onclick=b()>
Помимо присваивания функции переменной не сложно передать функцию, как параметр для другой функции:
<input type="submit" value="проверить тип переменной для нашей функции" onclick=b(b)>
Функция, как объект в JavaScript
В JS любой тип данный представляется, как объект и функции не являются исключением.
А раз функция является объектом, то к ней могут быть применены различные методы, например метод toString(), позволяющий превратить функцию в обычную строку и затем вывести ее на экран, как это происходит в следующем примере:
function f_name(x,y)
{
return x – y;
}
document.write(
f_name.toString()+"<br>");
function f_name(x,y)
{
return x – y;
}
Представление функции, как объекта открывает поразительные возможности обработки и управления частями кода.
Урок № 7 Javascript объекты
«Объекты JavaScript» – седьмой урок учебника JavaScript. В этом уроке мы обсудим наиболее важные аспекты использования объектов JavaScript.
Стоит заметить, что объект в JavaScript - наиболее важная единица, используемая в языке программирования JavaScript, поэтому умение работать с объектами необходимо для более полного понимания языка.
Основные Javascript объекты
Самым главным типом данных в JavaScript является объект. Умение работать с объектами и их методами невероятно важно при программировании на JS. Прототип
Большая часть работы с объектами в JS сводится к работе со встроенными объектами, т.к. создание собственных объектов не является респектабельным ввиду того, что они смогут работать только в пределах одной единственной страницы.
Но если мы все–таки хотим добавить какое–либо новое свойство к уже существующему объекту, то нам потребуется конструктор объектов prototype:
String.prototype.out = new Function("a", "a.write(this)");
...
"Привет!".out(document);
Привет!
В этом примере мы создали новое свойство для объекта string, которое позволяет вывести на экран содержимое самой строки, без использования дополнительных операторов.
Единственное, что следует помнить при создании дополнительных свойств объектов – то, что эти свойства могут быть использованы в коде только после создания этого свойства конструктором объектов, но никак не до.
Методы объекта Object
Object — это объект языка JavaScript и следовательно, у него могут быть методы. Таких методов мы рассмотрим три:
toString() valueOf() assign()
Метод toString() осуществляет преобразование объекта в строку символов. Он используется в JavaScript–программах повсеместно, но неявно. Например, при выводе числа или строковых объектов.
Аналогично ведет себя и метод valueOf(). Этот метод позволяет получить значение объекта. В большинстве случаев он работает подобно методу toString(), особенно, если нужно выводить значение на страницу.
В отличие от двух предыдущих методов, assign() позволяет не прочитать, а переназначить свойства и методы объекта. Данный метод используется в контексте присваивания объекту некоторого значения: object = value; <=> object.assign(value);
Теперь мы изучили достаточно для того, чтобы перейти к по–настоящему серьезным и интересным вещам, на которые способен JavaScript. Все изученное нами до этого носило поверхностный характер и служило для более глубокого и полного понимания особенностей работы этого языка программирования. Но теперь мы готовы к следующему шагу...
Советую Вам внимательно вспомнить все изученное Вами до этого, потому что в следующем уроке мы начнем изучать принципы работы с окнами в JavaScript.
Урок № 8 Работа с окнами
«Работа с окнами» – восьмой урок учебника JavaScript. В этом уроке мы обсудим основные приемы работы с окнами, используемыми в JavaScript, которые позволяют создавать и управлять отображением окон.
Группа объектов, относящихся к классу Window является самой старшей в JS.
Объект Window создается в тот момент, когда производится открытие окна в браузере, а все остальные объекты порождаются после, тем самым являясь свойствами объекта window.
Окна в JavaScript. Поле STATUS
Поле статуса указывает на текущее состояние браузера, такое как выполнение загрузки страницы, готовность перейти по определенной ссылке, наличие ошибок на странице и многое другое. Поле статуса у разных браузеров может работать с определенными особенностями, но оно всегда будет расположено в самом низу окна.
При програмировании поля статуса используются 2 свойства: window.status; window.defaultStatus;
Никаких хитростей тут нет. Браузер, как и все остальное в этом мире, может иметь только 2 состояния:
что–то происходит ничего не происходит
Для описания каждого из этих состояний и используются window.status и window.defaultStatus. Программируем window.status
Window.status отображает сообщения о событиях, которые происходят в настоящий момент, например отображает URL–адрес в тот момент, когда курсор мыши проходит над ссылкой.
Ниже приведена простейшая программа, которая заменяет стандартное сообщение в поле статуса во время прохождения курсора мыши над ссылкой:
<A HREF="" onMouseover="window.status='КУРСОР НАВЕДЕН НА ССЫЛКУ';
return true;"
onMouseout="window.status='КУРСОР ОТВЕДЕН С ССЫЛКИ';
return true;">
ССЫЛКА
</A>
Строка return true дает браузеру понять, что действие было совершенно успешно. В противном случае браузер будет выполнять команды по умолчанию.
Программируем window.defaultStatus
window.defaultStatus позволяет задать текст в поле статуса в тот момент, когда не происходит никаких действий.
Для этого документа задан следующий window.defaultStatus:
<BODY onLoad="window.defaultStatus='ДОКУМЕНТ ПОЛНОСТЬЮ ЗАГРУЖЕН';">
Сообщение 'ДОКУМЕНТ ПОЛНОСТЬЮ ЗАГРУЖЕН' Вы можете видеть в настоящий момент.
Поле window.location
Поле window.location отображает URL текущего документа. Проще говоря это адресная строка браузера, куда Вы вводите адрес сайта. JavaScript позволяет производить различные манипуляции над этим полем, позволяя тем самым управлять загрузкой страниц без ведома пользователя.
Итак, разберемся с основными свойствами и методами для этого поля. Свойства
Основными свойствами для поля location являются:
window.location.href – url адрес window.location.protocol – используемый протокол window.location.hostname – доменное имя window.location.port – используемый порт window.location.pathname – необходимая директория
Методы
Методы работы с полем location позволяют напрямую управлять загрузкой и перезагрузкой страниц. Приведем пример:
Таким образом, Вы можете убедиться, что JavaScript позволяет программисту полностью управлять поведением браузера, изменяя его стандартные алгоритмы поведения на необходимые программисту.
Но в работе с окнами существует еще множество особенностей, которые Вам необходимо знать, например создание нового окна, задание приоритетов отображения и т.д. О них мы поговорим в следующих уроках.
Новых за месяц: 130 Новых за неделю: 41 Новых вчера: 6 Новых сегодня: 3 Всего: 5499 Из них: Администраторов: 6 $$$-Модераторов: 2 Модераторов: 5 Прокураторов: 5 ----------------- далее: Проверенных: 260 Пользователей: 3034 Новичков: 1884 Заблокированных: 110 ----------------- Из всех пользователей: Мужчин и парней: 4322 Женщин и девушек: 1176
Всего: 5499
