メインコンテンツにスキップ
eLearner.app
モジュール 4 · レッスン 1 / 4コース内の 13/32~10 min
モジュールのレッスン (1/4)

関数の宣言

A function is a reusable piece of code that you give a name to. You call it by passing arguments, it runs its body and can return a value with return.

Classic declaration

The most common form is the function declaration:

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Things to note:

  • nome is the parameter (a variable local to the function).
  • 'Anna' is the argument (the value passed at call time).
  • Without return, the function returns undefined.

Function expression

Functions in JS are values: they can be assigned to a variable.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

The two forms are almost equivalent, with one important difference:

  • function declaration is "hoisted": you can call it even before the line where it appears in the code.
  • function expression follows const/let rules: it exists only after the assignment.

No explicit return

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // no return → the function returns undefined
}

const r = logga('ciao'); // prints "[LOG] ciao"
r; // undefined

Try it

運動#js.m4.l1.e1
試行回数: 0読み込み中…

Declare a function `greet(name)` that returns the string `Ciao, <name>!`. Then call it with 'Anna' and use the result as the last expression.

エディターを読み込み中…
ヒントを表示

function greet(name) { return ... }

3 回の試行後に解決策が利用可能になります

Review exercise

運動#js.m4.l1.e2
試行回数: 0読み込み中…

Write a function expression `double` that, given a number, returns its double. Call it with 7 as the last expression (expected 14).

エディターを読み込み中…
ヒントを表示

const double = function (n) { return ... };

3 回の試行後に解決策が利用可能になります