JavaScript. Функции

ФУНКЦИИ

избавляют от повторений кода;
улучшают структуру программы;
уменьшают вероятность появления ошибок и повышают

КОГДА ДЕЛАТЬ

переписываем одни и те же последовательности;
много мелких подробностей;
слишком длинная основная

ВСТРОЕННЫЕ ФУНКЦИИ

alert();
console.log();
И так далее…
Это точно такие же функции, как и те,

ОБЪЯВЛЕНИЕ ФУНКЦИИ

function functionName (argument) {
// body of function
}
functionName – имя функции.

АРГУМЕНТ

function functionName (argument) {
// body of function
}
argument - Аргумент. Это то

ТЕЛО ФУНКЦИИ

function functionName (argument) {
// body of function
}
body of function -

ПРИМЕР ФУНКЦИИ

function helloWorld () {
alert("Hello, World!");
}
helloWorld(); // Выведет на экран Hello,

ОБЛАСТЬ ВИДИМОСТИ

function helloWorld () {
var hello = "hello";
console.log(hello);
}
helloWorld(); // hello
console.log(hello); //

ОБЛАСТЬ ВИДИМОСТИ

function helloWorld () {
hello = "hello"
console.log(hello);
}
helloWorld(); // hello

hello2 = hello

ОБЛАСТЬ ВИДИМОСТИ

var world = "world!";
function helloWorld () {
var world

ОБЛАСТЬ ВИДИМОСТИ

function count() {
for (var i = 0; i < 3;

ОБЛАСТЬ ВИДИМОСТИ

function count() {
var i, j; // передвинули объявления var

ОБЛАСТЬ ВИДИМОСТИ

function count() {
for (let i = 0; i < 3;

ВНЕШНИЕ ПЕРЕМЕННЫЕ

var world = " world!“;
function helloWorld () {
hello = "hello";
console.log(hello+world);
}
helloWorld();

АРГУМЕНТЫ

function functionName (argument) { //функция принимает аргумент
// body of function
}
argument -

АРГУМЕНТЫ

Пример:
function myFunc(argument) {
console.log(argument+95);
}
myFunc(5); // 100

НЕСКОЛЬКО АРГУМЕНТОВ

function myFunc(arg, arg2, arg3, someText) {
console.log("arg = " + arg);
console.log("arg2

НЕСКОЛЬКО АРГУМЕНТОВ

function myFunc(arg, arg2, arg3, someText) {
console.log("arg = " + arg);
console.log("arg2

ЗНАЧЕНИЯ ПО УМОЛЧАНИЮ
function myFunc(arg, someText = "Hello, world!") {
console.log("arg = "

НЕСКОЛЬКО АРГУМЕНТОВ

function myFunc(arg, someText = "Hello, world!") {
console.log("arg = " +

НЕСКОЛЬКО АРГУМЕНТОВ

function myFunc(arg, someText) {
if (someText === undefined) {someText = "Текст

НЕСКОЛЬКО АРГУМЕНТОВ

function myFunc(arg, someText) {
someText = someText || "Какой-то текст";
console.log("arg

ВОЗВРАТ ЗНАЧЕНИЯ - RETURN
function myFunc (argument) {
return argument*argument;
}
console.log (myFunc(4)); //4*4=16

ВАРИАНТ ВЫЗОВА ФУНКЦИИ
function myFunc (argument) {
return argument*argument;
}
var func = myFunc(4);
console.log(func);

ПРИМЕР

Даны числа a, b, c, d, e. Найти площадь фигуры. Для

РЕШЕНИЕ

function squareTriangle (x, y, z) {
var p = (x +

ПРИМЕР

Даны два целых числа. Поменять местами их значения.

function remove (x,y) {

ПРИНЯТИЕ РЕЗУЛЬТАТОВ
var c = remove (a,b);
a = c[0];
b = c[1];
console.log (`a=${a},

ИМЯ ФУНКЦИИ

showMessage(..) // "показать" сообщение
getAge(..) // "получает" возраст
calcD(..) // "вычисляет" дискриминант
createForm(..)

ФУНКЦИОНАЛЬНЫЕ ВЫРАЖЕНИЯ

function sayHello() {
alert( "Hello" );
}
alert( sayHello ); // выведет

ФУНКЦИОНАЛЬНЫЕ ВЫРАЖЕНИЯ

function sayHello() { // (1)
alert( "Hello" );
}
var func =

ОБЪЯВЛЕНИЕ FUNCTION EXPRESSION

var f = function(параметры) {
// тело функции
};

var sayHello

СРАВНЕНИЕ С FUNCTION DECLARATION

// Function Declaration
function sum(a, b) {
return a +

СРАВНЕНИЕ С FUNCTION DECLARATION

sayHello("Вася"); // Привет, Вася
function sayHello(name) {
alert( "Привет, "

СРАВНЕНИЕ С FUNCTION DECLARATION
var sayHello = function(name) {
alert( "Привет, " +

АНОНИМНЫЕ ФУНКЦИИ

function ask(question, yes, no) {
if (confirm(question)) yes()
else no();

АНОНИМНЫЕ ФУНКЦИИ

function ask(question, yes, no) {
if (confirm(question)) yes()
else no();
}
ask(

РЕКУРСИЯ

pow(x, n) = x * pow(x, n - 1);

xn = x *

РЕКУРСИЯ

function pow(x, n) {
if (n != 1) { // пока

КОНТЕКСТ ВЫПОЛНЕНИЯ

Контекст: { x: 2, n: 3, строка 1 }

function pow(x,

pow(2, 3)

x=2, n=3

Контекст: { x: 2, n: 3, строка 1 }

pow(2,

pow(2, 1)

x=2, n=1

Контекст: { x: 2, n: 3, строка 3 }

Контекст:

Выход из pow(2, 1)

function pow(x, n) {
if (n != 1) {

Выход из pow(2, 2)

Контекст: { x: 2, n: 3, строка 3 }

Выход

ПРИМЕР

Напишите функцию sumTo(n), которая для данного n вычисляет сумму чисел от 1 до n, например:
sumTo(1)

РЕШЕНИЕ ЦИКЛОМ

function sumTo(n) {
var sum = 0;
for (var i

РЕШЕНИЕ РЕКУРСИЕЙ

function sumTo(n) {
if (n == 1) return 1;
return

РЕШЕНИЕ ПО ФОРМУЛЕ

function sumTo(n) {
return n * (n + 1)

ЗАДАЧИ

Описать функцию, вычисляющую вторую, третью и четвертую степени числа А и

Описать функцию MinMax(X, Y), записывающую в переменную X минимальное из значений

Описать процедуру ShiftLeft3(A, B, C), выполняющую левый циклический сдвиг: значение A

Функция принимает параметр - возраст пользователя. Если число больше 16 –

Напишите игру «Угадай число». При загрузке страницы генерируется случайное число от