このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

JavaScript 戻り値

JavaScript

2011.09.04

この記事は最終更新日から1年以上が経過しています。

関数が返す結果を戻り値と言います。
戻り値を使うと、引数を元に計算を行い、その結果に応じ様々な値を返す関数を作ることができます。

関数の中で戻り値を記述するには、return文を使います。

return 戻り値;

例:

<script type="text/javascript">
function circle(r){
area = r * r * 3.14;
return area;
}
a = circle(10);
document.write("円の面積は、" + a);
</script>

結果:

円の面積は、314

上記のscript例は円の面積を求める関数ですが、関数内で面積の表示はせず、

return文を使い面積の数値を戻り値にしています。
「a = circle(10)」とすると、変数aには引数10にして呼び出した関数circleの戻り値が代入され、
結果 「円の面積は、314」となります。

return文が使われると、そこで関数の実行が中断されることに注意が必要です。

例:

<script type="text/javascript">
function circle(r){
if(r < 0) return;
area = r * r * 3.14;
return area;
}
document.write("円の面積は、" + circle(10) + "<br>");
document.write("円の面積は、" + circle(-6));
</script>

結果:

円の面積は、314
円の面積は、undefined

上記の例では、引数の値がマイナスだった場合、戻り値のないreturn文で関数を中断しております。

このreturn文が実行されますと、 area = r * r * 3.14;〜以降の計算は行われない結果となります。

関数が戻り値を返さなかったり、戻り値のないreturn文を使用した場合

関数の戻り値はunder finedとなります。

戻り値のある関数の使い方

a = circle(10) + 100; //戻り値と数値の足し算

if(circle(10) > 400){ … } //戻り値と数値の比較

somefunc(circle(10),300); //戻り値を引数に渡す

値を返さないreturn文

戻り値のないreturn文は、関数の実行を中断するのに使えます。

if文に長大なスクリプトを記述した関数があるとします。

function animation(){
if(何かの条件){
長大なスクリプト…
}
}

これをスッキリ

function animation(){
if(!何かの条件) return;
長大なスクリプト…
}

させることができます。

Comment

Related Article

2022 VIVA JS World Cup 開幕!! 〜 Vue3で作るサッカーゲーム 〜

2022.12.24

OAuthのフローを可視化できるツールを作ってみました。

2020.05.17

令和の時代に、JavaScriptで Shift-JISファイル作成 全銀データフォーマットに対応する。

2020.03.03

インターネットにて世論調査を行う「世論Web」サービスを始めてみました。

2020.01.31

年末のレトロゲーム熱の際、ファミコンソフト一覧パッケージ作ってました。

2020.01.24

あと10日で「jsdo.it」のサービスが終わってしまう!! ソースダウンロードまだの方は急げぇ〜!

2019.10.21

正規表現 先読み後読み 論理積

2019.07.28

「二段階認証?」という方も 5分で覚える パスワードレス WebAuthnのまとめ

2019.07.07

上級者向け JavaScript 問題集 「javascript-questions」日本語翻訳担当してます。

2019.06.22

SPAサイトでの認証認可 JWT✗Rails5✗Nuxt.js

2019.03.24

CATEGORY LIST

LATEST NEWS

【Unity x WebAssembly】UnityコンテンツをBlazorとFlutterでWebアプリとして扱う

Unity

2023.01.30

【nasne】M1 Mac Miniで、「torne® mobile」使用して、テレビ視聴。

mac

2022.12.31

2022 VIVA JS World Cup 開幕!! 〜 Vue3で作るサッカーゲーム 〜

JavaScript

2022.12.24

M1 Mac ruby rbenv install error

Ruby

2022.10.10

【Flutter】CheckboxListTileのチェックボックスをカスタマイズ

Flutter

2022.10.01

FLEXISPOT E3で作るスタンディング PCデスク

イベント

2022.09.18

NordVPNを使ってみた感想は?評判や口コミを徹底的に解説

tool

2022.07.26

Ubuntu 20.04 LTS サーバ構築 - DKIM、DMARCを設定する

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Postfix Let’s EncryptでTLS化

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Postfix SASL認証

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Dovecotインストール

ubuntu

2022.05.01

Ubuntu 20.04 LTS サーバ構築 - Postfixインストール

ubuntu

2022.05.01

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US