Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
17 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
560.00 kB
Просмотров:
66
Скачиваний:
1
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Основы языка JavaScript](/documents_6/055d5ad91997c7fcd810c83658f75a75/img0.jpg)
Содержание слайда: Основы языка JavaScript
№2 слайд![Функции JavaScript Функция](/documents_6/055d5ad91997c7fcd810c83658f75a75/img1.jpg)
Содержание слайда: Функции JavaScript
Функция – это блок кода на языке JavaScript, который определяется однажды, и в дальнейшем может выполняться или вызываться сколько угодно раз.
№3 слайд![Определение и вызов функций](/documents_6/055d5ad91997c7fcd810c83658f75a75/img2.jpg)
Содержание слайда: Определение и вызов функций
Функция определяется с помощью ключевого слова function, за которым следуют:
Имя функции
Круглые скобки, которые могут содержать список имен параметров, разделенных запятыми
Выполняемые действия, которые составляют тело функции, заключенные в фигурные скобки
Для вызова функции используется оператор вызова, представляющий из себя пару круглых скобок.
№4 слайд![Пример определение функции](/documents_6/055d5ad91997c7fcd810c83658f75a75/img3.jpg)
Содержание слайда: Пример
//определение функции
function starline() {
for(var i = 0; i < 45; i++){
document.write("*");
}
document.write("<br>");
}
starline(); //вызов функции
document.write("<p>это абзац</p>");
starline();
Функция starline() вызывается дважды.
№5 слайд![Область видимости глобальных](/documents_6/055d5ad91997c7fcd810c83658f75a75/img4.jpg)
Содержание слайда: Область видимости глобальных и локальных переменных
Область видимости переменной – это та часть программы, для которой эта переменная определена. Глобальная переменная имеет глобальную область видимости – она определена для всей JavaScript программы.
Переменные, объявленные внутри функции называются локальными и имеют локальную область видимости т.е. они видны только в теле функции. Параметры функции также являются ее локальными переменными и видны только в ее теле.
№6 слайд![Внутри тела функции локальная](/documents_6/055d5ad91997c7fcd810c83658f75a75/img5.jpg)
Содержание слайда: Внутри тела функции локальная переменная имеет преимущество перед глобальной переменной с тем же именем. Если объявить локальную переменную или параметр функции с тем же именем, что у глобальной переменной, то фактически глобальная переменная будет скрыта:
№7 слайд![Пример var x quot глобальная](/documents_6/055d5ad91997c7fcd810c83658f75a75/img6.jpg)
Содержание слайда: Пример
var x = "глобальная";
function checkscope() {
var x = "локальная";
document.write(x);
}
checkscope();
№8 слайд![Параметры и аргументы](/documents_6/055d5ad91997c7fcd810c83658f75a75/img7.jpg)
Содержание слайда: Параметры и аргументы
Параметры указываются в определении функции внутри круглых скобок и являются ее локальными переменными, т.е. видны только в ее теле. При вызове функция может получать аргументы, которыми инициализируются параметры.
Аргумент - это выражение, которое может быть переменной, литералом, или выражением, состоящим из одного или нескольких операторов, которое служит для инициализации параметров.
№9 слайд![Пример function getstr car,](/documents_6/055d5ad91997c7fcd810c83658f75a75/img8.jpg)
Содержание слайда: Пример
function getstr(car, place) {
document.write('Моя машина - ' + car + ' и я еду на ней ' + place);
}
function showbook(title) {
str = '<p>книга называется: "' + title + '"</p>';
document.write(str);
}
var house = "на дачу";
getstr('BMW', house);
showbook('Машина времени');
№10 слайд![В JavaScript при установке](/documents_6/055d5ad91997c7fcd810c83658f75a75/img9.jpg)
Содержание слайда: В JavaScript при установке параметров для функции не указывается ключевое слово var. JavaScript объявляет переменные автоматически, когда они устанавливаются в качестве параметров функции, поэтому ключевое слово var здесь не используется.
Параметры можно использовать как и все другие переменные.
№11 слайд![У функции может быть сколько](/documents_6/055d5ad91997c7fcd810c83658f75a75/img10.jpg)
Содержание слайда: У функции может быть сколько угодно параметров. При назначении функции нескольких параметров не обязательно использовать все параметры, можно воспользоваться только одним или не использовать их вообще.
Когда функция вызывается с меньшим количеством используемых параметров, чем описывается в определении, недостающие параметры получают значение undefined.
№12 слайд![Оператор return Оператор](/documents_6/055d5ad91997c7fcd810c83658f75a75/img11.jpg)
Содержание слайда: Оператор return
Оператор return применяется для возврата результата работы функции основному сценарию с целью дальнейшего его использования. Он может находиться в любом месте функции. Обычно оператор return записывается в последней строке функции перед закрывающей фигурной скобкой и заканчивается точкой с запятой.
№13 слайд![Пример return имя переменной](/documents_6/055d5ad91997c7fcd810c83658f75a75/img12.jpg)
Содержание слайда: Пример
return имя_переменной;
return "строка1 " + "строка 2";
return true;
return null;
return a + (b - 31) * 2;
№14 слайд![Оператор return может](/documents_6/055d5ad91997c7fcd810c83658f75a75/img13.jpg)
Содержание слайда: Оператор return может использоваться без значения, чтобы прекратить выполнение и выйти из функции:
function calc(a) {
if(!a) return;
document.write(a);
}
№15 слайд![В функции может](/documents_6/055d5ad91997c7fcd810c83658f75a75/img14.jpg)
Содержание слайда: В функции может использоваться не один, а несколько операторов return:
function check(a, b) {
if(a > b) {
return a;
} else {
return b;
}
}
№16 слайд![Выбор имени функции Имя](/documents_6/055d5ad91997c7fcd810c83658f75a75/img15.jpg)
Содержание слайда: Выбор имени функции
Имя функции следует выбирать по тем же правилам что и имя переменной.
Единственное различие - это то, что в качестве имени функции обычно выбирают глагол, т.к. функция выполняет действие.
№17 слайд![Диалоговые окна alert quot](/documents_6/055d5ad91997c7fcd810c83658f75a75/img16.jpg)
Содержание слайда: Диалоговые окна
alert("Текст сообщения");
Выводит диалоговое окно с заданным сообщением и кнопкой ОК.
confirm("Текст сообщения");
Выводит диалоговое окно с заданным сообщением и кнопками ОК и ОТМЕНА.
prompt("Текст сообщения", ["текст по умолчанию в поле ввода"]);
Все три типа окна являются модальными.
Также могут использоваться для вывода результатов.