*

処理をまとめて、その名前を書くと呼び出せるようにする

公開日: : 最終更新日:2015/10/29 javaScript ,

ユーザー定義関数

関数とは、何かしらの粗利を1つにまとめて、後から関数名という名前で呼び出せるようにしたものです。以前の記事で触れました。文字列を数値に変換する「Number」など、javaScriptには、たくさんの関数が用意されています。

今回は、javaScriptで予め用意されている関数ではなく、自作したオリジナルの関数(ユーザー定義関数)を作成する方法を記載していきます。

よく使う処理を関数にすることで、後から何度でも好きな時に呼び出すことができます。
今回の例としては、「ユーロ」と為替レートという2つの数値を引数として受け取り、円に換算する関数「euroToYen」を書いていきます。

サンプルコードの実行結果はこちら

関数定義の書き方

関数という言葉は英語の「function」からきています。functionというキーワードを使い、次のような書き方をして、関数を定義します。

引数の数は、関数が行う処理によって違います。引数が複数ある場合は、カンマ「,」で区切ります。「{」「}」で囲まれたブロック内に記述します。ブロック内にあるreturn文では、関数が行った処理の結果である戻り値
指定します。return文が実行されると、呼び出した側に「戻り値」が戻され関数ブロックから脱出します。

関数の呼び出し

関数を呼び出す時は「関数名(引数1,引数2,…)」という具合に書きます。関数を定義するときに書く引数を仮引数、呼び出す時に記述する引数を実引数といいます。関数を呼び出したとき実引数が仮引数に代入されます。

スポンサードリンク

関連記事

catejavaScript

簡単な計算結果を表示してみる

ステートメント プログラムでは、1つの命令の単位のことをステートメントと呼びます。 日本語に

記事を読む

catejavaScript

javaScriptのプロパティの使い方

プロパティに値を設定する 「=」の左辺にプロパティを、右辺に設定する値を書きます。

記事を読む

catejavaScript

変数で文字列をつかう

変数には文字も格納できます。 前回、前々回の記事では、数値を変数に代入しました。変数という名前のせ

記事を読む

catejavaScript

リンクや文字を設定してみる

HTMLには、書体、色、文字、リンクの設定を行うタグが用意されています。Stringオブジェクトには

記事を読む

catejavaScript

配列を操作してみる

javaScriptの配列は、Arrayオブジェクトのインスタンスです。配列をオブジェクトとして使う

記事を読む

catejavaScript

日付や時刻を操作する

前回の記事でnew演算子とDateコンストラクタを使い、利用可能なオブジェクトであるインスタンスを生

記事を読む

catejavaScript

switch文を使って条件を細かく設定する。

以前は複数のifelse文を用いて月の入力を促して、その結果を踏まえた季節を表示するサンプルプログラ

記事を読む

JavaScript

フォームの部品を利用する

HTMLフォームは、javaScriptからみれば、formオブジェクトです。フォームのGUI部品で

記事を読む

catejavaScript

計算の優先順位

演算子の優先順位 算数の計算にも、足し算と引き算よりも掛け算と割り算が優先されるルールがあるように

記事を読む

catejavaScript

javaScriptのifelseステートメント

プログラムの流れを変える命令を制御構造と呼びます。制御構造の代用が条件判断や繰り返しと言われるもので

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑