Na verdade este código executa nesta ordem:
- Chama
hello(3,3)
- Dentro de
hello
executa b+1
resultando em 4
- Chama
hi(3, 4)
, os valores de a
e b+1
- Dentro de
hi
multiplica e retorna a
e b
(resultado 12)
- De volta ao
hello
o retorno de hi
, que é 12, é retornado
O que você não tinha entendido é que a adição é feita antes de passar como argumento. Os argumentos são expressões que devem ser resolvidas antes de serem enviadas.
Em tese o valor de a
também seria calculado antes de enviar como argumento, porém ele é uma expressão simples que não precisa fazer cálculos, então ele é usado como está.
É interessante entender essa questão de expressões para saber o que pode usar onde e o que será feito quando usa uma expressão. Por não entender que um local do programa aceita expressões de uma forma geral os programadores iniciantes costumam abusar de criação de variável. Quantas vezes vejo programas que fazem uma expressão, guardam em uma variável e depois usa a variável em apenas um lugar do programa. Isto é feito porque o programador aprendeu que um lugar aceita variáveis e ele não percebe que no lugar da variável ele poderia colocar a expressão direta. Quando usa a expressão ela é realizada antes de ser usada. Poderíamos entender seu código desta forma:
function hi(a, b) {
return a * b;
}
function hello(a, b) {
temp = b + 1;
return hi(a, temp);
}
hello(3, 3);
Variáveis são armazenamentos, elas só são necessárias quando você precisa guardar um valor. E só precisa guardar um valor quando você vai usar ele mais que uma vez no programa. Em alguns casos isto pode ser útil quando precisa de resultados intermediários.
Claro que eventualmente pode-se criar uma variável que será usada apenas uma vez para facilitar a legibilidade. Mas isto preciso ser feito com consciência, não porque não sabe que uma expressão poderia estar sendo usada.
Curiosamente quando o programador aprende que um lugar aceita expressões, ele acha que não pode usar variáveis. Exemplo:
if (x == 0 && y == 1)
poderia muito bem ser escrito assim:
condicao = x == 0 && y == 1;
if (condicao)
Nem todos percebem isto. Não estou dizendo que em geral escrever desta forma é interessante mas pode ser útil em algum ponto específico.
Como informação adicional o código não está retornando uma função, ele retorna o retorno de uma função. Esta distinção é importante porque de fato uma função pode retorna outra função, neste caso ela estaria retornando um algoritmo ao invés de um resultado já calculado. Mas não é o que você está fazendo.
Isto faz outras coisa e não apresenta o resultado que você desejava:
function hello(a, b) {
return function(a, b) { return a * b };
}
hello(3, 3);
Coloquei no GitHub para referência futura.