Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Javascript » Funkcii-v-javascript

Функции в JavaScript

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

function имя функции(параметры функции через запятую) { //объявление функции
  код функции
}
...
...
имя функции () // вызов функции

Рассмотрим небольшой пример создания и вывода функции:

function showMessage() {
  alert( 'Привет всем читателям данного сайта!' );
}

showMessage();

Как видите с помощью данной функции мы вывели сообщение. Можно вызвать эту же функцию второй раз и третий (да хоть сколько раз). В этом и состоит главная задача функции. Чтобы не дублировать код несколько раз мы можем прописать его единожды в коде функции, а после просто вызывать функцию. При создании функций нужно разделять понятия локальной и глобальной переменной.


Локальная переменная объявляется внутри функции и не выходит за её рамки, глобальная переменная объявляется вне функции, но может быть использована и изменена в коде функции


Рассмотрим небольшой пример:

var userLogin = 'admin';
function createNewLogin() {
var userLogin = 'newName';
alert( 'Вы ввели ' +userLogin+ ' - это верный логин'  );
}
var a=prompt('Введите логин','');
switch(a){
 case 'admin':
 alert('Вы ввели старый логин');
 break;
 case 'newName': 
 createNewLogin();
 break;
 default:
 alert('Я вас не знаю');
}

В данном случае переменная userLogin и a являются глобальными. Причем первая из них была изменена внутри кода функции. А теперь давайте попробуем вывести значение локальной переменной из кода функции.

function nameUser() {
  var name = 'admin'; // локальная переменная
  alert( name );
}
nameUser(); 
alert( name ); 

Здесь локальная переменная используется внутри функции и не выведется второй раз после вызова функции.

Давайте напоследок рассмотрим ещё один пример с параметрами:

function showMessage(a,b,c) {
  a=+prompt('Введите значение стороны равностороннего треугольника','')
  b=c=a;
  P=3*a;
  alert( 'Периметр треугольника равен ' +P );
}
showMessage(); 

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



наверх