JavaScript. Функции
From AsIsWiki
Назад | Оглавление | Дальше
Параметры функции
Пример вызова функции с параметрами name и job:
<html>
<body>
<button onclick="myFunction('Майк Тайсон', 'боксер')">Тест1</button>
<button onclick="myFunction('Владимир Спиваков', 'скрипач')">Тест2</button>
<script>
function myFunction(name, job) {
alert("Привет " + name + ", " + job);
}
</script>
</body>
</html>
Функция может вызываться многократно, в различных точках кода и с разными параметрами.
Функция, возвращающая значение
Оператор return позволяет вернуть результат работы функции.
<html>
<body>
<p id="demo"></p>
<script>
function myFunction(a, b) {
return a * b;
}
document.getElementById("demo").innerHTML = myFunction(4, 3);
</script>
</body>
</html>
return можно использовать для прерывания работы функции:
function myFunction(a, b) {
if (a > b) {
return; // если a > b, то выходим из функции
}
x = a + b; // если условие не выполнилось, продолжаем вычисления
}
Локальные и глобальные переменные
var a = 3, b = 2; // глобальные переменные (объявлены вне функций)
// все скрипты и функции на странице имеют к ним доступ
function subFunc() {
equalSign = " = " // инициализация необъявленной переменной, внутри функции,
// автоматически делает ее ГЛОБАЛЬНОЙ!
var z; // локальная переменная -
// область видимости ограничена функцией subFunc()
z = a - b;
document.write(a + " - " + b + equalSign + z);
}
function addFunc() {
var z; // локальная переменная -
// область видимости ограничена функцией addFunc()
z = a + b;
document.write(a + " + " + b + equalSign + z);
}
function myFunction() {
subFunc();
document.write('<br>');
addFunc();
}
Жизненный цикл переменных:
- локальная - период действия функции, в которой объявлена переменная;
- глобальная - до закрытия страницы, на которой объявлена переменная.
Назад | Оглавление | Дальше