🗊Презентация Функции и объекты

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Функции и объекты, слайд №1Функции и объекты, слайд №2Функции и объекты, слайд №3Функции и объекты, слайд №4Функции и объекты, слайд №5Функции и объекты, слайд №6Функции и объекты, слайд №7Функции и объекты, слайд №8Функции и объекты, слайд №9Функции и объекты, слайд №10Функции и объекты, слайд №11Функции и объекты, слайд №12Функции и объекты, слайд №13Функции и объекты, слайд №14Функции и объекты, слайд №15Функции и объекты, слайд №16Функции и объекты, слайд №17Функции и объекты, слайд №18Функции и объекты, слайд №19Функции и объекты, слайд №20Функции и объекты, слайд №21Функции и объекты, слайд №22Функции и объекты, слайд №23Функции и объекты, слайд №24Функции и объекты, слайд №25
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Функции и объекты. Доклад-сообщение содержит 25 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Лекция 3. Функции и объекты Ст. преподаватель Еремеев А.А. YeremeevAA@mpei.ru
Описание слайда:
Лекция 3. Функции и объекты Ст. преподаватель Еремеев А.А. YeremeevAA@mpei.ru

Слайд 2


Функции Язык программирования не может обойтись без механизма многократного использования кода программы. Функция как тип данных; функция как объект; функция как конструктор объектов.
Описание слайда:
Функции Язык программирования не может обойтись без механизма многократного использования кода программы. Функция как тип данных; функция как объект; функция как конструктор объектов.

Слайд 3


Функция как тип данных Функцию определяют при помощи ключевого слова function: function f(arg1,arg2,...) { /* тело функции */ }
Описание слайда:
Функция как тип данных Функцию определяют при помощи ключевого слова function: function f(arg1,arg2,...) { /* тело функции */ }

Слайд 4


Обратите внимание function определяет переменную с именем f. Эта переменная имеет тип function. Эта переменная, как и любая другая, имеет значение - свой исходный текст.
Описание слайда:
Обратите внимание function определяет переменную с именем f. Эта переменная имеет тип function. Эта переменная, как и любая другая, имеет значение - свой исходный текст.

Слайд 5


«Синоним» функции Метод valueOf() применим как к числовой переменной i, так и к переменной f, и возвращает их значение. Более того, значение переменной f можно присвоить другой переменной, тем самым создав "синоним" функции f.
Описание слайда:
«Синоним» функции Метод valueOf() применим как к числовой переменной i, так и к переменной f, и возвращает их значение. Более того, значение переменной f можно присвоить другой переменной, тем самым создав "синоним" функции f.

Слайд 6


Применение «синонима» Этим приемом удобно пользоваться для сокращения длины кода. Например, если нужно много раз вызвать метод document.write(), то можно ввести переменную:  var W = document.write (обратите внимание - без скобок!), а затем вызывать:  W('<H1>Лекция</H1>').
Описание слайда:
Применение «синонима» Этим приемом удобно пользоваться для сокращения длины кода. Например, если нужно много раз вызвать метод document.write(), то можно ввести переменную:  var W = document.write (обратите внимание - без скобок!), а затем вызывать:  W('<H1>Лекция</H1>').

Слайд 7


Функция как объект У любого типа данных JavaScript существует объектовая "обертка", которая позволяет применять методы типов данных к переменным и литералам, а также получать значения их свойств. Например, длина строки символов определяется свойством length. Аналогичная "обертка" есть и у функций - это класс объектов Function. Например, увидеть значение функции можно не только при помощи метода valueOf(), но и используя метод toString().
Описание слайда:
Функция как объект У любого типа данных JavaScript существует объектовая "обертка", которая позволяет применять методы типов данных к переменным и литералам, а также получать значения их свойств. Например, длина строки символов определяется свойством length. Аналогичная "обертка" есть и у функций - это класс объектов Function. Например, увидеть значение функции можно не только при помощи метода valueOf(), но и используя метод toString().

Слайд 8


Свойства функции как объекта Свойства функции как объекта доступны программисту только тогда, когда они вызываются внутри этой функции. Наиболее часто используемыми свойствами являются: массив (коллекция) аргументов функции ( arguments[] ), его длина ( length ), имя функции, вызвавшей данную функцию ( caller ), и прототип( prototype ).
Описание слайда:
Свойства функции как объекта Свойства функции как объекта доступны программисту только тогда, когда они вызываются внутри этой функции. Наиболее часто используемыми свойствами являются: массив (коллекция) аргументов функции ( arguments[] ), его длина ( length ), имя функции, вызвавшей данную функцию ( caller ), и прототип( prototype ).

Слайд 9


Объекты Объект - это главный тип данных JavaScript. Любой другой тип данных имеет объектовую "обертку". Это означает, что прежде чем можно будет получить доступ к значению переменной того или иного типа, происходит конвертирование переменной в объект, и только после этого выполняются действия над значением.
Описание слайда:
Объекты Объект - это главный тип данных JavaScript. Любой другой тип данных имеет объектовую "обертку". Это означает, что прежде чем можно будет получить доступ к значению переменной того или иного типа, происходит конвертирование переменной в объект, и только после этого выполняются действия над значением.

Слайд 10


Виды объектов клиентские объекты, входящие в модель DOM. серверные объекты, отвечающие за взаимодействие клиент-сервер. Примеры: Server, Project, Client, File и т.п.  встроенные объекты. Они представляют собой различные типы данных, свойства, методы, присущие самому языку JavaScript, независимо от содержимого HTML-страницы. пользовательские объекты. Они создаются программистом в процессе написания сценария с использованием конструкторов типа объектов (класса).
Описание слайда:
Виды объектов клиентские объекты, входящие в модель DOM. серверные объекты, отвечающие за взаимодействие клиент-сервер. Примеры: Server, Project, Client, File и т.п.  встроенные объекты. Они представляют собой различные типы данных, свойства, методы, присущие самому языку JavaScript, независимо от содержимого HTML-страницы. пользовательские объекты. Они создаются программистом в процессе написания сценария с использованием конструкторов типа объектов (класса).

Слайд 11


Операторы работы с объектами for ... in ... Оператор for(переменная in объект) позволяет "пробежаться" по свойствам объекта. with Оператор with задает объект по умолчанию для блока операторов, определенных в его теле.
Описание слайда:
Операторы работы с объектами for ... in ... Оператор for(переменная in объект) позволяет "пробежаться" по свойствам объекта. with Оператор with задает объект по умолчанию для блока операторов, определенных в его теле.

Слайд 12


Клиентские объекты Для создания механизма управления страницами на клиентской стороне используется объектная модель документа (DOM - Document Object Model). Суть модели в том, что каждому HTML-контейнеру соответствует объект, который характеризуется тройкой: свойства; методы; события. Объектную модель можно представить как способ связи между страницами и браузером. 
Описание слайда:
Клиентские объекты Для создания механизма управления страницами на клиентской стороне используется объектная модель документа (DOM - Document Object Model). Суть модели в том, что каждому HTML-контейнеру соответствует объект, который характеризуется тройкой: свойства; методы; события. Объектную модель можно представить как способ связи между страницами и браузером. 

Слайд 13


Иерархия классов DOM Объектно-ориентированный язык программирования предполагает наличие иерархии классов объектов. В JavaScript такая иерархия начинается с класса объектов window, т.е. каждый объект приписан к тому или иному окну. Для обращения к любому объекту или его свойству указывают полное или частичное имя этого объекта или свойства объекта, начиная с имени объекта, старшего в иерархии, в который входит данный объект.
Описание слайда:
Иерархия классов DOM Объектно-ориентированный язык программирования предполагает наличие иерархии классов объектов. В JavaScript такая иерархия начинается с класса объектов window, т.е. каждый объект приписан к тому или иному окну. Для обращения к любому объекту или его свойству указывают полное или частичное имя этого объекта или свойства объекта, начиная с имени объекта, старшего в иерархии, в который входит данный объект.

Слайд 14


Фрагмент DOM
Описание слайда:
Фрагмент DOM

Слайд 15


Фрагмент DOM (продолжение)
Описание слайда:
Фрагмент DOM (продолжение)

Слайд 16


Коллекции Коллекция - это структура данных JavaScript, похожая на массив. Отличие коллекции от массивов заключается в том, что массивы программист создает сам в коде программы и заполняет их данными; коллекции же создаются браузером и "населяются" объектами, связанными с элементами Web-страницы.
Описание слайда:
Коллекции Коллекция - это структура данных JavaScript, похожая на массив. Отличие коллекции от массивов заключается в том, что массивы программист создает сам в коде программы и заполняет их данными; коллекции же создаются браузером и "населяются" объектами, связанными с элементами Web-страницы.

Слайд 17


Основные коллекции в DOM
Описание слайда:
Основные коллекции в DOM

Слайд 18


Основные коллекции в DOM
Описание слайда:
Основные коллекции в DOM

Слайд 19


Свойства Контейнер якоря <A ...>...</A> имеет атрибут HREF, который превращает его в гипертекстовую ссылку: <A HREF="http://mpei.ru/">МЭИ</A> Данной гиперссылке соответствует объект (класса URL) - document.links[0]. Тогда атрибуту HREF будет соответствовать свойство href этого объекта. К свойству объекта можно обращаться с помощью точечной нотации: объект.свойство . Например: document.links[0].href='http://ya.ru/‘;
Описание слайда:
Свойства Контейнер якоря <A ...>...</A> имеет атрибут HREF, который превращает его в гипертекстовую ссылку: <A HREF="http://mpei.ru/">МЭИ</A> Данной гиперссылке соответствует объект (класса URL) - document.links[0]. Тогда атрибуту HREF будет соответствовать свойство href этого объекта. К свойству объекта можно обращаться с помощью точечной нотации: объект.свойство . Например: document.links[0].href='http://ya.ru/‘;

Слайд 20


Свойства К свойствам можно также обращаться с помощью скобочной нотации: объект['свойство'] . В нашем примере: document.links[0]['href']='http://ya.ru/'; У объектов, отвечающих гиперссылкам, есть также свойства, не имеющие аналогов среди атрибутов. Например, свойство document.links[0].protocol в нашем примере будет равно "http:" и т.д.
Описание слайда:
Свойства К свойствам можно также обращаться с помощью скобочной нотации: объект['свойство'] . В нашем примере: document.links[0]['href']='http://ya.ru/'; У объектов, отвечающих гиперссылкам, есть также свойства, не имеющие аналогов среди атрибутов. Например, свойство document.links[0].protocol в нашем примере будет равно "http:" и т.д.

Слайд 21


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

Слайд 22


Методы. Пример. Например, если есть ссылка <A HREF="http://mpei.ru/">МЭИ</A>, то у соответствующего ей объекта document.links[0] есть метод click(). Его вызов в любом месте JavaScript-программы равносилен тому, как если бы пользователь кликнул по ссылке: <A HREF="http://mpei.ru/">МЭИ</A> <SCRIPT> document.links[0].click(); </SCRIPT>
Описание слайда:
Методы. Пример. Например, если есть ссылка <A HREF="http://mpei.ru/">МЭИ</A>, то у соответствующего ей объекта document.links[0] есть метод click(). Его вызов в любом месте JavaScript-программы равносилен тому, как если бы пользователь кликнул по ссылке: <A HREF="http://mpei.ru/">МЭИ</A> <SCRIPT> document.links[0].click(); </SCRIPT>

Слайд 23


Метод toString() Для всех объектов определен метод преобразования в строку символов: toString(). Например, при сложении числа и строки число будет преобразовано в строку: “25"+5 = "25"+(5).toString()=“25"+"5"="255"
Описание слайда:
Метод toString() Для всех объектов определен метод преобразования в строку символов: toString(). Например, при сложении числа и строки число будет преобразовано в строку: “25"+5 = "25"+(5).toString()=“25"+"5"="255"

Слайд 24


События Кроме методов и свойств, объекты характеризуются событиями. Например, с объектом типа button может происходить событие Click. В качестве значения атрибута OnClick указывается программа обработки события, которую должен написать на JavaScript автор HTML-документа: <INPUT TYPE=button VALUE="Нажать« onClick="alert('Пожалуйста, нажмите еще раз')">
Описание слайда:
События Кроме методов и свойств, объекты характеризуются событиями. Например, с объектом типа button может происходить событие Click. В качестве значения атрибута OnClick указывается программа обработки события, которую должен написать на JavaScript автор HTML-документа: <INPUT TYPE=button VALUE="Нажать« onClick="alert('Пожалуйста, нажмите еще раз')">

Слайд 25


Примеры событий нажатие пользователем кнопки в форме; установка фокуса в поле формы или увод фокуса из нее; изменение введенного в поле значения; нажатие кнопки мыши; двойной щелчок кнопкой мыши на объекте; перемещение указателя мыши; выделение текста в поле ввода или на странице; и другие.
Описание слайда:
Примеры событий нажатие пользователем кнопки в форме; установка фокуса в поле формы или увод фокуса из нее; изменение введенного в поле значения; нажатие кнопки мыши; двойной щелчок кнопкой мыши на объекте; перемещение указателя мыши; выделение текста в поле ввода или на странице; и другие.

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию