Функции JavaScript – интересно и важно

Для быстрого совершения действий в браузере и для того чтобы их не повторять, были разработаны специальные JavaScript функции, которые существенно упрощают работу с различными документами.

Используя определенную программу, нередко приходится повторять одно и то же действие несколько раз. Например, каждый раз, когда посетитель заходит на сайт, требуется запускать красивое окно приветствия или же прощания, в случае, если пользователь покидает сайт.

И для того чтобы постоянно не повторять одно действие были созданы специальные JavaScript функции. Стоит сразу же заметить тот факт, что данные функции являются основным строительным материалом программы.

JavaScript функции – основная информация

Функции представляют собой набор определенных команд, которые выполняют определенное действие, к примеру: вычитание чисел, суммирование чисел, выделение квадратного корня. Код, который содержит функция, будет выполнен лишь в случае ее вызова.

Не лишним будет заметить, что вызов функции JavaScript может быть осуществлен в любом месте страницы, а также с других страниц, при условии, что сама функция находится в формате внешнего .js файла.

Функции можно размещать как в отделе, именуемом <head>, так и в отделе <body> — это тело документа. Однако, для того чтобы быть на 100% уверенным в том, что ваш браузер сможет прочитать функцию еще до того, как она будет вызвана, лучше всего размещать ее в секции <head>.

Любые строковые функции JavaScript являются полноценными объектами, относящимися к встроенному классу Function. В связи с такой особенностью функции имеют свои определенные свойства, а также им можно присваивать переменные.

Для выполнения действий в программе вы можете использовать не только встроенные функции, такие как alert(message), prompt(message, default) и confirm(question), но также и создавать свои.

При этом необходимо помнить, что бывает два типа функций:

  • Анонимные;
  • Именованные.

Их различие состоит в том, что именованные функции видны и доступны в любой области, а анонимные становятся видны только после их вызова.

К примеру, вам необходимо вывести на странице сообщение «Всем привет!». Для этого вы в самом начале документа указываете ключевое слово function, которое нужно обаятельно ставить при создании любой функции, после чего требуется указывать имя, а также тело функции:

function showMessage () {
alert('Привет Всем!');
}
showMessage () ;

Как осуществить вызов функции JavaScript

На сегодняшний день существует достаточно много способов того, как можно осуществить вызов функции JavaScript, но в данной статье будут рассмотрены только 2 из них, которые являются наиболее простыми. Стоит заметить, что оператор функции существует только 1.

  • Вызов функции — Function Invocation;
  • Вызов apply и call — Apply And Call Invocation

В первом случае вызов осуществляется за счет оператора (), причем паттерн this привязывается global object. Однако если постоянно осуществлять такую привязку, контекст может быть уничтожен:

var value = 500; //Global variable
var obj = {  
  value: 0,   
 increment: function() {       
 this.value++;         
var innerFunction = function() {            
alert(this.value);       
}
 innerFunction(); //Function invocation pattern    
}
}
obj.increment(); //Method invocation pattern

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

В данном случае используются два параметра: объект, к которому необходимо привязать this, а также массив, который связывается с параметрами:

var add = function(num1, num2) {
        
return num1+num2;

}
 

array = [3,4];

add.apply(null,array); //7

Проводим вызов PHP функции из JavaScript

Синтаксис PHP функции практически ничем не отличается от функции JS. У многих пользователей достаточно часто возникает вопрос, каким образом можно осуществить вызов PHP функции из JavaScript.

Стоит отметить, что сделать это напрямую невозможно, так как эти функции обрабатываются разными программами. Но, если вам необходимо сделать вызов функции PHP, то вы можете воспользоваться AJAX:

$.ajax({
	url:"script.php",
	data:"id=2",
	success:function(prin){
	$(".data").html(prin);
	}
	})

В приведенном выше примере вызов PHP функции из JavaScript осуществляется из другого файла. В данном случае скрипту PHP отправляется переменная, и в зависимости от того, какой она будет, запускается функция.

Надеемся, что эта статья оказалась для вас полезной! Удачи!