4 съвета за правилно използване на оператора за връщане във вашия код

Изявлението return е често пренебрегвана програмна парадигма. Позволява ви да посочите стойност, която да бъде върната от функция, и сигнализира края на нейното изпълнение. Използването на този израз правилно може да гарантира, че кодът ви работи гладко и може да предотврати неочаквани грешки. Ето пет съвета за ефективно използване на оператора return:

1. Използвайте оператора return, за да прекратите функция или метод

Операторът return сигнализира края на функция или метод. Когато се срещне операторът return, функцията незабавно прекратява:

function sayMyName(name) {
  console.log(name);
  return;  // end the function
}

Струва си да се отбележи, че изразът return се влияе от ASI („Автоматично вмъкване на точка и запетая“). Това означава, че не можете да създадете нов ред, след като операторът return бъде извикан:

/* Incorrect - would return nothing and flag an error. */
return;
name;

/* Correct - would return the value of name. */
return (
 name;
);

2. Върнете стойност от правилния тип данни:

Когато използвате израза return, уверете се, че връщате правилния тип данни на предвидената стойност. Ако не успеете да върнете правилния тип данни, вашата програма ще се държи неочаквано и може да доведе до грешки. Това се дължи на характеристика на JavaScript, известна като „Принуда към тип“.

Потърсете моите статии за Използване на TypeScript и Първи стъпки с тестване на единици на JavaScript, за да научите повече за това как да заобиколите този капан уверено.

function add(a, b) {
  return a + b;  // correct - returns a number
}

function subtract(a, b) {
  return a - b;  // correct - returns a number
}

function multiply(a, b) {
  return `${a} times ${b} is equal to: ${a * b}`;  // incorrect - returns a string
}

3. Върнете стойност, която е подходяща за функцията

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

Уверете се, че сте обмислили внимателно каква информация ви е необходима, когато пишете функции и как тя може да повлияе на вашия код.

function average(numbers) {
  let total = 0;
  for (let number of numbers) {
    total += number;
  }
  return total;  // incorrect - returns the sum of the numbers, not the average
}

function average(numbers) {
  let total = 0;
  for (let number of numbers) {
    total += number;
  }
  return total / numbers.length;  // correct - returns the average of the numbers
}

Когато пишете функция, е важно да имате предвид следното:

Какво е предназначен да прави function
Какви данни е предназначен да върне function
Върнатите данни неизменни ли са

4. Използвайте множество изрази за връщане, ако е необходимо

Понякога може да искате да върнете стойност веднага, ако са изпълнени определени условия. Това ще се отнася за използването на if изрази, както и switch изрази.

function options(option) {
  switch(option) {
    case 'DnD':
     return 'do-not-disturb';
   case 'Silent':
     return 'silent-mode';
   default: 
     return 'no-option-selected';
  }
}

function getOptions(option) {
 if (option === 'DnD') {
   return 'do-not-disturb';
 }

 return option;
}

Във функцията options по-горе можем да пропуснем ключовата дума break, заедно с временна variable, за да съхраним стойността, ако изрично се върнем в рамките на case - това прави кода по-четлив и спестява памет.

Във функцията getOptions винаги можем да гарантираме, че връщаме стойност, независимо дали дадено условие е изпълнено. Ако условието е вярно, то ще изпълни оператора return в рамките на if - ако не, той просто игнорира този оператор и връща стойността на option

Като следвате тези съвети, можете да използвате командата за връщане ефективно и да гарантирате, че вашият код работи гладко и правилно. Правилното използване на оператора return е съществена част от добрата програмна практика и отделянето на време, за да го направите правилно, може да ви спести много главоболия в дългосрочен план.

Можете да прочетете повече за изявлението за връщане в MDN.

Тази публикация в блога първоначално е публикувана на dainemawer.com. Ако сте харесали тази статия, моля, последвайте ме в Twitter на адрес @daine_mawer.

4 съвета за правилно използване на оператора за връщане във вашия код