Основы языка JavaScript

Содержание

Слайд 2

Функции JavaScript
Функция – это блок кода на языке JavaScript, который определяется однажды,

Функции JavaScript Функция – это блок кода на языке JavaScript, который определяется
и в дальнейшем может выполняться или вызываться сколько угодно раз.

Слайд 3

Определение и вызов функций
Функция определяется с помощью ключевого слова function, за которым

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

Слайд 4

Пример
//определение функции
function starline() {
for(var i = 0; i < 45; i++){

Пример //определение функции function starline() { for(var i = 0; i document.write("*");
document.write("*");
}
document.write("
");
}
starline(); //вызов функции
document.write("

это абзац

");
starline();
Функция starline() вызывается дважды.

Слайд 5

Область видимости глобальных и локальных переменных
Область видимости переменной – это та часть

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

Слайд 6

Внутри тела функции локальная переменная имеет преимущество перед глобальной переменной с тем

Внутри тела функции локальная переменная имеет преимущество перед глобальной переменной с тем
же именем. Если объявить локальную переменную или параметр функции с тем же именем, что у глобальной переменной, то фактически глобальная переменная будет скрыта:

Слайд 7

Пример
var x = "глобальная";
function checkscope() {
var x = "локальная";
document.write(x);
}
checkscope();

Пример var x = "глобальная"; function checkscope() { var x = "локальная"; document.write(x); } checkscope();

Слайд 8

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

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

Слайд 9

Пример
function getstr(car, place) {
document.write('Моя машина - ' + car + ' и

Пример function getstr(car, place) { document.write('Моя машина - ' + car +
я еду на ней ' + place);
}
function showbook(title) {
str = '

книга называется: "' + title + '"

';
document.write(str);
}
var house = "на дачу";
getstr('BMW', house);
showbook('Машина времени');

Слайд 10

В JavaScript при установке параметров для функции не указывается ключевое слово var.

В JavaScript при установке параметров для функции не указывается ключевое слово var.
JavaScript объявляет переменные автоматически, когда они устанавливаются в качестве параметров функции, поэтому ключевое слово var здесь не используется.
Параметры можно использовать как и все другие переменные.

Слайд 11

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

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

Слайд 12

Оператор return
Оператор return применяется для возврата результата работы функции основному сценарию с

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

Слайд 13

Пример
return имя_переменной;
return "строка1 " + "строка 2";
return true;
return null;
return a + (b

Пример return имя_переменной; return "строка1 " + "строка 2"; return true; return
- 31) * 2;

Слайд 14

Оператор return может использоваться без значения, чтобы прекратить выполнение и выйти из

Оператор return может использоваться без значения, чтобы прекратить выполнение и выйти из
функции:
function calc(a) {
if(!a) return;
document.write(a);
}

Слайд 15

В функции может использоваться не один, а несколько операторов return:
function check(a, b)

В функции может использоваться не один, а несколько операторов return: function check(a,
{
if(a > b) {
return a;
} else {
return b;
}
}

Слайд 16

Выбор имени функции
Имя функции следует выбирать по тем же правилам что и

Выбор имени функции Имя функции следует выбирать по тем же правилам что
имя переменной.
Единственное различие - это то, что в качестве имени функции обычно выбирают глагол, т.к. функция выполняет действие.