差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
| p5js:08.jsの文法基礎 [2021/03/09 02:33] – ↷ processing:p5js:08.jsの文法基礎 から p5js:08.jsの文法基礎 へページを移動しました。 baba | p5js:08.jsの文法基礎 [2021/03/11 02:18] (現在) – [関数] baba | ||
|---|---|---|---|
| 行 258: | 行 258: | ||
| </ | </ | ||
| + | ===== 関数 ===== | ||
| + | 処理をまとめるための機能です。それ以上でもそれ以下でもないです。これをうまく使うとプログラムの記述量を大幅に減らすことができます。例えば100行で記述できる機能Aがあった場合、プログラム全体として機能Aが10回使われるとします。普通に考えると100x10=1000行分のコードを記述しないといけないですが、機能Aは同じなので、一つの関数としてまとめておけば、100行の記述を一行の記述で実行することができるようになります。以下に簡単な例を示します。 | ||
| + | |||
| + | <file js sketch.js> | ||
| + | function printnTimes(str, | ||
| + | for( let i = 0; i < ntimes; i++ ){ | ||
| + | print(str); | ||
| + | } | ||
| + | } | ||
| + | function setup(){ | ||
| + | printnTimes(" | ||
| + | printnTimes(" | ||
| + | printnTimes(" | ||
| + | } | ||
| + | </ | ||
| + | |||
| + | このように関数を利用すると、同じような全く同じふるまいではなくても、引数を変化させることで実行内容にバリエーションをもたせることができます。 | ||
| ===== class ===== | ===== class ===== | ||
| 私が学生のころはjsにclassはなかったのですが、2015以降、正式採用となりました。大規模プログラムやインタラクティブプログラムだとclassなしでは書く気すらおきないおじさんにとっては嬉しい機能です。というわけでまずは基本から。 | 私が学生のころはjsにclassはなかったのですが、2015以降、正式採用となりました。大規模プログラムやインタラクティブプログラムだとclassなしでは書く気すらおきないおじさんにとっては嬉しい機能です。というわけでまずは基本から。 | ||