Определение и использование функций
Если вы определите выражение непосредственно в элементе script , как я сделал это раньше в листинге 5-2, браузер будет выполнять эти выражения, как только он их достигнет. В качестве альтернативы вы можете упаковать несколько выражений в функцию, которая не будет выполнена, пока браузер не столкнется с выражением, которое вызывает эту функцию, как показано в листинге 5-3.
Выражения, содержащиеся в функции, заключаются в фигурные скобки ( < и >) и называются блоком кода. В этом листинге определена функция с именем myFunc , которая содержит одно выражение в блоке кода. JavaScript является регистрозависимым языком, это обозначает, что ключевое слово function должно быть написано в нижнем регистре. Выражение в функции не будет выполнено, пока браузер не достигнет еще одного выражения, которое вызывает функцию myFunc , например:
Этот пример не особенно полезен, потому что функция вызывается сразу же после того, как она была определена. Вы можете увидеть примеры, когда функции гораздо более полезны, когда мы обратимся к событиям далее в этой главе.
Определение функций с параметрами
Как и большинство языков программирования, JavaScript позволяет определить параметры для функции, как показано в листинге 5-4.
В этом листинге я добавил два параметра функции myFunc : name и weather . JavaScript является слабо типизированным языком, то есть вы не должны объявлять тип данных параметров при определении функций. Я вернусь к свободной типизации далее в этой главе, когда мы обратимся к переменным JavaScript. Чтобы вызвать функцию с параметрами, вы добавляете значения в качестве аргументов при вызове функции, например:
Результаты выполнения этого скрипта следующие:
Hello Adam. It is sunny todayКоличество аргументов, используемых при вызове функции, не обязательно должно совпадать с числом параметров в функции. Если вы вызываете функцию с меньшим количеством аргументов, чем она имеет параметров, значение любого параметра, для которого вы не предоставили значения, будет не определено. Если вы вызываете функцию с большим количеством аргументов, чем у нее есть параметров, дополнительные аргументы просто игнорируются. Следствием этого является то, что вы не можете создать две функции с тем же именем и различными параметрами и ожидать, что JavaScript будет различать их по аргументам, которые вы предоставляете при вызове функции. Если вы определите две функции с тем же именем, второе определение заменит первое.
Определение функций, которые возвращают результат
Можно вернуть результат функции, используя ключевое слово return . В листинге 5-5 показана функция, которая возвращает результат.
Эта функция определяет один параметр и использует его, чтобы сгенерировать простой результат. Я вызвал функцию и отправил ее результат в качестве аргумента функции document.writeln :
document.writeln(myFunc("Adam"));Обратите внимание, что вам не нужно объявлять, что функция будет возвращать результат, а также указывать тип данных результата. Результат работы данного кода будет следующим:
или RSS канал:
Как отправить параметры в функцию через onClick=?
А мне нужно, что бы передавало айди юзера, рядом с которым кнопка. Айди как есть выше показано, записано в $row[«user_id»]
Думаю это очень просто, но из за плохого знания, не могу сообразить.
Я уже как только не пытался, и
onClick=»UpdateRecord(.$row[«user_id»].);» так и эдак, просто не знаю.
onClick=»UpdateRecord();»
Другой вариант — не передавайте параметр, а используйте this, тем самым получаете кнопку, далее по DOM-модели добираетесь туда где ID, и его передаете куда надо.
Таблица создается в echo, разве можно php внутри echo? Показывает белеберду, если так вставляю.
Можете показать пример 2 варианта? Я такое, не разу не использовал.
echo 'blablabla onClick="UpdateRecord(' . $row["user_id"]. ');" blablabla';Обыкновенная конкатенация строк, просто y вас JSовские скобки и кавычки атрибута сбивают с толку.
Нет, пример 2 варианта не могу, неохота его писать.
Rou1997: Спасибо огромное! Все заработало. Я сейчас только учусь, от себя могу заверить, что не буду писать таких былокодов больше. Просто сейчас знаний и времени на это не хватает.
Илья Магденко: Нормальный код, если заглянуть в какой-нибудь WordPress то там не намного лучше, другое дело в MVC-фреймворке например Yii2 там архитектура и есть готовые контролы для таблиц и т.п., но они с версткой Bootstrap поэтому кастомизации не лучшим образом поддаются.
А вот то что вы не можете сами реализовать второй способ, разбить задачу на кусочки, спроектировать алгоритм доступа к DOM из this и в документации найти нужные методы и свойства, это плохо.
Передача параметров из html в функцию js в отдельном файле
Всем привет.
Появился вопрос, обыскал весь интернет, видел некоторые решения, но до конца не понял их.
Суть вопроса.
К примеру есть ссылка или блок(вообще они выводятся перлом через массив, т.е. их много)
Я хочу обработать js ом параметры функции. Способ реализации нашёл через помещение функции в теле body. Но этот вариант мне не нравится. Хочу всю обработку хранить отдельно. Очень большой код получается.
Видел варианты через element.onclick, но так и не понял, как параметры достать.
Если можно, покажите на примере.
http://jsfiddle.net/359nsbgw/
Передача параметров в функцию, которая находится в другом файле
Вообще-то не уверена, что правильно сформулировала свой вопрос в теме. Ситуация такая: Есть файл.
Как использовать html helper в отдельном js файле?
Добрый всем вечер. Столкнулся с проблемой, что через обычную ссылку window.location не на всех.
Вызов в html-странице Vue, который находится в отдельном файле
Здравствуйте! Гуглю, гуглю, но так и не могу найти хорошее объяснение на вопрос, как банально имея.
Как правильно записать функцию в отдельном файле?
Здравия желаю. Помогите, пожалуйста, разобраться, как записать собственную функцию в отдельном.
Сообщение было отмечено muskos как решение
Решение
a data-txt1="sometext" data-txt2="sometext2">Link/a>
$(document).ready(function(){ $('a').click(function(e){ e.preventDefault(); alert( $(this).data('txt1') + $(this).data('txt2') ); }); });
Код, обернутый в $(document).ready() или сокращенно $(function()< /* code here */>);, можно располагать и в теле, и в head. Понятное дело, что его лучше записать в отдельный js-файл, который потом просто подключить на страницу.
Спасибо, вы абсолютно правильно телепатировали.
Я не правильно выразился, я хочу каким-либо образом передать из html параметры в функцию, которая находится в отдельном файле. Получается своей строчкой:
a onclick="somefunction('sometext', 'sometext2')">2a> Я и говорю про вызов функции из другого файла с параметрами.
Я рассматривал ваш вариант, но не брал его как истинный.
Для текущей задачи этот вариант абсолютно подходит. Хотел вас только попросить уточнить:
1. В практике js — это считается хорошим тоном передачи параметров?
2. Если мне необходимо будет передать больше параметров? Их тоже в аргументы тега оборачивать?
3. Есть ли ещё какие-то варианты с передачей параметров?
Я из области java привык, что я могу при допустимой области видимости вызвать любую функцию объекта. А здесь получается я могу вызвать эту функцию, только если она определена в теле.
Можно ли вызвать функцию JS с параметрами для html документа?
и вот на этом моменте можно ли сделать что-то наподобие этого, только правильно: Sanya.onmouseover = changeColor(«Sanya»);
я знаю, что надо без скобок писать в вызове функции, но если нужно с параметром, то как? Или мне этих функций штуки 3 сделать и всё?
document.querySelectorAll('.black').forEach(el => < el.addEventListener('mouseover', () =>el.style.backgroundColor = 'black') >)
Если не секрет, зачем вы пишите this.name, что это вообще ? Зачем вы передаёте в функцию аргумент name, но не обращаетесь к нему? Выглядит это очень странно)
Сделать так, как вы хотите, можно:
let Sanya = document.getElementById("sn"); let Vasya = document.getElementById("vs"); let Danya = document.getElementById("dn"); function changeColor(name) < return () => < this.name.style.backgroundColor = "black"; >>Правда по-моему код с this.name всё равно не будет работать, но может я просто не понимаю, что вы хотите сделать
Если я понял правильно, рабочее решение —
function changeColor(event) < event.target.style.backgroundColor = "black"; >// Можно и через "onmouseover", но, если коротко, лучше так: document.getElementById("sn").addEventListener('mouseover', changeColor); document.getElementById("vs").addEventListener('mouseover', changeColor); document.getElementById("dn").addEventListener('mouseover', changeColor);