モジュール 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:
nomeis the parameter (a variable local to the function).'Anna'is the argument (the value passed at call time).- Without
return, the function returnsundefined.
Function expression
Functions in JS are values: they can be assigned to a variable.
JS
const quadrato = function (n) {
return n * n;
};
quadrato(4); // 16The 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/letrules: 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; // undefinedTry 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 回の試行後に解決策が利用可能になります