Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Функции в Js

    Загружено:

    Мария Баранова
    11 просмотров12 страниц
    ///////

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    ///////

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    11 просмотров12 страниц

    Функции в Js

    Загружено:

    Мария Баранова
    ///////

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 12

    JS

    Язык JavaScript
    Описание и вызов функции.
    Люди считают, что компьютерные науки – это искусство для гениев.
    В реальности всё наоборот – просто множество людей делают вещи,
    которые стоят друг на друге, будто составляя стену из маленьких
    камушков.

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

    Общий вид:

    function имяФункции( параметры ){


    // код, который будет
    // выполняться при вызове
    return возвращаемоеЗначение;
    }
    Общий вид функции
    Могут
    отсутствовать

    Тело функции

    function имяФункции( параметры ){


    // код, который будет
    // выполняться при вызове
    return возвращаемоеЗначение;
    }
    Пример. Функция нахождения максимума

    function max( a, b ){
    if( a > b ) return a;
    else return b;
    } Оператор
    return
    завершает
    выполнение
    функции
    Имя функции
    Имя функции следует тем же правилам, что и имя переменной.

    Особенность:

    ● Используем глаголы, отвечающие на вопрос “что сделать?”.

    Например, showMessage или addElement, но не newElement


    Принцип работы функций

    function max( a, b ){
    4 if( a > b ) return a;
    false
    5 else return b ;
    }

    Выполнение
    1 let num1 = 3; начнется здесь
    2 let num2 = 7

    3 let num3 = max( num1, num2 );


    Возвращаемое значение
    Возвращаемое значение не ограничивается примитивными типами, такими
    как числа или строки.

    Примеры того, что может возвращать функция:

    ● Примитивы (числа, строки, символы, булевые значения)


    ● Массивы
    ● Объекты
    ● Или даже массивы объектов
    ● И даже……… Функции :)
    Пример. Генератор блоков.
    <body>

    <script>
    'use strict';

    function createDiv(){
    let newDiv = document.createElement ('DIV');

    newDiv.innerHTML = 'Я новый блок!';


    newDiv.style.border = '1px solid red';

    return newDiv;
    }

    document.body.appendChild ( createDiv() );
    </script>
    </body> Скобки при вызове
    ОБЯЗАТЕЛЬНЫ!!!
    Область видимости переменных

    Переменные

    Глобальные Локальные
    (объявлены на уровне скрипта) (объявлены внутри структурной
    единицы)
    Видны абсолютно везде
    Существуют только в рамках
    после их объявления
    своей структурной единицы
    (например, функции)
    Область видимости переменных
    ● При совпадении имен локальные переменные имеют приоритет
    ● Параметры функции приравниваются к локальным переменным

    ● В теле функции можно обращаться к глобальным переменным (но


    очень плохо)
    ● Изменение глобальной переменной в теле функции изменяет эту
    переменную везде
    Значения по умолчанию
    <body>

    <script>
    'use strict';

    function createDiv(text = 'Стандартный текст', brdr = 1){


    let newDiv = document.createElement('DIV');

    newDiv.innerHTML = text;
    newDiv.style.border = brdr + 'px solid red';

    return newDiv;
    }

    document.body.appendChild( createDiv() );
    document.body.appendChild( createDiv('Hello' , 10) );
    </script>
    </body>

    Вам также может понравиться