JavaScript 関数のソースを表示新しいページはコチラ

[[JAVA Script#リファレンス]]に戻る。
== 定義 ==
*function = funcName(){ … ; … ; … ; … ;}
:上記のような形式でfuncNameという関数が定義できます。関数名の後ろの()内には、後の記事で説明する引数を記述し、省略した場合は引数無しの関数として動作をします。関数名の後ろの{}内には、複数の命令セットを記述し、一連の処理機能を持たせるのが関数というものです。次の項目の呼び出しの中で具体的なもっとも単純な関数の利用サンプルの例を示します。

== 呼び出し ==
*funcName();
:前の項目のように定義した関数があれば、上記のように関数を呼び出すことが出来ます。上記の例はもっともシンプルな関数の呼び出しの例です。引数と呼ばれるものが定義されていないパターンになっています。引数付きの関数については後述の引数の記事を参照して下さい。以下に関数利用のサンプルを示します。


サンプル
<syntaxhighlight lang="javascript" line start="1">
<HTML>
<HEAD>
<TITLE>JavaScript 関数 呼び出し</TITLE>
</HEAD>
<BODY>
JavaScript 関数 呼び出し<br />
<SCRIPT Language="JavaScript">
<!--

function funcName(){
    with(document){
        write("■funcName()関数が呼び出されました。<br />");
    }
}

funcName();

-->
</SCRIPT>
</BODY>
</HTML>
</syntaxhighlight>
[[Media:JavaScript Function yoobidashi.html|実行結果サンプル]]

== プログラム内容出力 toSource ==
*funcName.toSource()
:上記のようにするとfuncName関数のプログラムソースの文字列を取得できます。ただしIEおよびChromeといったブラウザではまったく動作しません。fireFoxのようなブラウザでは動作するようです。
サンプル
<syntaxhighlight lang="javascript" line start="1">
<HTML>
<HEAD>
<TITLE>JavaScript 関数 プログラム内容出力 toSource </TITLE>
</HEAD>
<BODY>
JavaScript 関数 プログラム内容出力 toSource <br />
<SCRIPT Language="JavaScript">
<!--

function funcName(){
    with(document){
        write("■funcName()関数が呼び出されました。<br />");
    }
}

document.write("■funcName.toSource() =" + funcName.toSource() + "<br />");


-->
</SCRIPT>
</BODY>
</HTML>
</syntaxhighlight>
[[Media:JavaScript Function toSource.html|実行結果サンプル]]

動作するブラウザとそうではないブラウザとがあるサンプルです。いわゆるNetscape系の子孫にあるMozilaのようなブラウザが遺伝子となっているものだと動作するようになっていることが多いようです。上記のサンプルは正統派java scriptの系統を踏んでいるのかを試されるようなサンプルになっていますが、正統派の良さを万人がわかるわけではありません。老舗の店が時代錯誤で潰れてしまうようなもので、いとも簡単に世の中からは受け入れられなくなることも多々あります。時代の波に乗ることもプログラマの素養でもありますが、老舗の味の良さがわかるプログラマがいてもいいなぁとは思います。昔はこんな命令も使えたんだぜ。とか、このブラウザはこんなこともできるんだぜ。とか、それぞれの良さを知っているというのは貴重な人材といえると思いますし。否定はしません。ただ、このサンプルが動くブラウザのシェアは圧倒的に低くなってきています。

== 引数 ==

== 引数取得 arguments,arity ==

== 戻り値 return ==

== オブジェクトとしての利用 ==

== 定義とオブジェクト化の同時指示 ==

== 呼び出し元取得 caller,constructor ==

== 関数オブジェクトからの関数呼び出し call,aplly ==

== 記事作成用テンプレ ==
サンプル
<syntaxhighlight lang="javascript" line start="1">
</syntaxhighlight>
[[Media:JavaScript Function xxx.html|実行結果サンプル]]


[[JAVA Script#リファレンス]]に戻る。