*

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

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

ユーザー定義関数

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

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

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

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

関数定義の書き方

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

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

関数の呼び出し

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

スポンサードリンク

関連記事

catejavaScript

オブジェクトを作って使ってみる

今までの記事で、ウィンドウを管理するwindowオブジェクトや、HTMLドキュメントを管理するdoc

記事を読む

catejavaScript

javaScriptの変数の使い方

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

記事を読む

catejavaScript

計算の優先順位

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

記事を読む

catejavaScript

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

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

記事を読む

catejavaScript

画像を読み込んでみる

javaScriptでは、HTMLの<img>タグで書いた画像をImageオブジェクトと

記事を読む

catejavaScript

複数のデータを楽に管理する

配列とは、添え字と呼ばれる番号を使用して、1つの変数名で複数のデータをまとめて管理できるようにしたも

記事を読む

catejavaScript

ダイアログボックスを表示する。

今回はjavaScriptについて書いてきます。 まずはサンプルコード 実行結果は

記事を読む

catejavaScript

変数の有効範囲を知る

変数のスコープとは 個々の変数には、その変数が使える範囲が定まっています。そのことを、変数のスコー

記事を読む

catejavaScript

曜日を日本語で表示してみる

前回にて配列について触れました。今回は、配列を活用した例として、曜日を日本語で表示していきます。まず

記事を読む

catejavaScript

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

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

記事を読む

スポンサードリンク

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 ↑