Модуль 26: Функциональный веб-сайт
1. Общая функция для сокращения повторений кода и ее использования
Как видите, на простом веб-сайте банка было повторено столько строк кода, что совсем нехорошо. Таким образом, чтобы код выглядел чище и профессиональнее, вы можете использовать функции для схожих типов задач.
Теперь вы собираетесь использовать функцию вместо подобных блоков кода.
Присмотритесь, и вы увидите, что код для обработки «депозита-ввода» и «вывода-ввода» выглядит зеркально. В этом случае вы можете легко написать функцию "getInputValue(inputId)", которая будет обрабатывать эти задачи, а затем вызвать эту функцию для обработки ввода-вывода и ввода-вывода, передав идентификатор в качестве параметра.
Теперь вы можете закомментировать эти строки и вместо этого вызвать эту функцию. Конечно, не забудьте передать соответствующий параметр.
Следующий код вызывает функцию для «депозита-ввода».
Следующий код вызывает функцию для "отзыва-ввода".
Теперь ваш код выглядит намного чище, чем раньше.
2. Обновление депозита и вывода средств с помощью одной функции
Сделайте то же самое для обновления депозита и вывода средств. Напишите функцию "updateTotalField(totalFieldId, количество)". В теле функции напишите весь код, который требует обновления значения.
Как и раньше, закомментируйте предыдущий код и вызовите эту функцию, передав вместо нее параметр.Чтобы обновить общую сумму депозита,
Чтобы обновить общую сумму вывода,
3. (Дополнительно) Функция обновления общего баланса
Теперь сделайте то же самое для обновления баланса. Здесь вы столкнетесь с одной проблемой, и в случае внесения депозита сумма будет добавлена к общему балансу, а в случае вывода средств сумма вывода будет быть вычтены из общего баланса. Таким образом, чтобы решить эту проблему, вы должны взять еще один дополнительный логический параметр «isAdd», который будет обозначать, нужно ли вам добавлять сумму с общим балансом или вычесть из него.
Вот функция updateBalance(amount, isAdd),
Теперь просто закомментируйте предыдущий код и вызовите эту функцию. Не забудьте передать параметры.
4. (Дополнительно) Вложенные функции и обработка ошибок
Должны существовать некоторые основные правила для депонирования и снятия сумм.
Например, сумма депозита и вывода должна быть больше нуля (0), это легко проверить, просто используя условия if-else, которые также решают проблему «NaN», когда вы вводите любую строку или случайно нажимаете, ничего не вводя.
Кроме того, сумма вывода должна быть меньше текущего баланса. Значит, это тоже нужно проверить.
Все это выглядит так,
Вот как вы можете минимизировать избыточный код, используя функции.
