*

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

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

ユーザー定義関数

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

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

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

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

関数定義の書き方

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

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

関数の呼び出し

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

スポンサードリンク

関連記事

catejavaScript

キーと値のペアでデータを管理する

今回は、添え字の代わりにキーと呼ばれる文字列で要素を指定できるようにした配列、連想配列について書いて

記事を読む

catejavaScript

日付や時刻を操作する

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

記事を読む

catejavaScript

WebブラウザにHTMLを出力する

メソッドって javaScriptは、様々な要素がオブジェクトとして操作することができます。オブジ

記事を読む

JavaScript

DOMを使ってアニメーション

スタイルシートでは、要素の表示位置をtop(上端)left(左端)といったプロパティで設定できます。

記事を読む

catejavaScript

javaScriptの変数の使い方

今回は変数の基本的な使い方について触れていきます。 変数の宣言 変数は、使用する前に「***とい

記事を読む

catejavaScript

文字列もオブジェクトにする

文字列をStringオブジェクトという特別なオブジェクトとして扱うことができます。そうすると、Str

記事を読む

JavaScript

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

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

記事を読む

catejavaScript

OSによってメッセージを変更してみる

Webブラウザで生成されるオブジェクトについて書いていきます。WebブラウザにHTMLドキュメントが

記事を読む

catejavaScript

数学計算用のメソッドを使う

前回、小数点以下の値を切り上げるのにMathオブジェクトのceilメソッドを使いました。Mathオブ

記事を読む

catejavaScript

配列を操作してみる

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

記事を読む

スポンサードリンク

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 ↑