Всегда ли внутри условного оператора команды выполняются последовательно?

Question

[zkrvndm]

Возьмем такой пример:

Развернуть пример

async function supply() {
	
	if (await supply1() && await supply2() && await supply3()) {
		
		return true;
		
	}
	
	else {
		
		return false;
		
	}
	
}

async function supply1() {
	
	console.log(1);
	
	return true;
	
}

async function supply2() {
	
	console.log(2);
	
	return false;
	
}

async function supply3() {
	
	console.log(3);
	
	return true;
	
}

Гарантируется ли языком, что внутри if функции будут вызваны строго последовательно и при этом, если какая-то функция вернет false, то все последующие функции не будут вызваны? Ну то есть, я могу такой синтаксиc использовать безбоязненно и что поведение никогда не поменяется? Или лучше тут сделать три отдельных if один внутри другого?

Answer 1

[Rsa97]

Это требование стандарта. Соблюдается ли оно конкретным интерпретатором JS - это вопрос к разработчикам интерпретатора. Можете проверить самостоятельно

const test = (x) => { console.log(x); return false; };
if (test(1) && test(2)) {
  console.log('???');
}

Comments

[zkrvndm]

В хроме все нормально, значит можно безбоязненно использовать лайфхак?

[Rsa97]

Надим Закиров, Это не лайфхак, это стандартное поведение JS и большинства других языков.

[zkrvndm]

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

[Rsa97]

Надим Закиров, Ну конкретно ваш код можно переписать как

async function supply() {
  return await supply1() && await supply2() && await supply3();
}

А от большой вложенности if'ов избавляются вынося блок в отдельную функцию с ранним возвратом.
Вместо

if (a) {
   if (b) {
      if (c) {
         \\ do something
      } else {
        console.log('error c');
      }
   } else {
      console.log('error b');
   }
} else {
  console.log('error a');
}

пишут

if (!a) {
  console.log('error a');
  return;
}
if (!b) {
  console.log('error b');
  return;
}
if (!c) {
  console.log('error c');
  return;
}
// do something

[zkrvndm]

Rsa97, буду знать и пользоваться теперь, спасибо)