JavaScript 関数 新しいページはコチラ

提供: yonewiki
移動: 案内, 検索
(→‎引数取得 arguments,arity)
 
10行: 10行:
  
 
サンプル
 
サンプル
−
<syntaxhighlight lang="javascript" line start="1">
+
<syntaxhighlight2 lang="javascript" line start="1">
 
<HTML>
 
<HTML>
 
<HEAD>
 
<HEAD>
32行: 32行:
 
</BODY>
 
</BODY>
 
</HTML>
 
</HTML>
−
</syntaxhighlight>
+
</syntaxhighlight2>
 
[[Media:JavaScript Function yoobidashi.html|実行結果サンプル]]
 
[[Media:JavaScript Function yoobidashi.html|実行結果サンプル]]
  
39行: 39行:
 
:上記のようにするとfuncName関数のプログラムソースの文字列を取得できます。ただしIEおよびChromeといったブラウザではまったく動作しません。fireFoxのようなブラウザでは動作するようです。
 
:上記のようにするとfuncName関数のプログラムソースの文字列を取得できます。ただしIEおよびChromeといったブラウザではまったく動作しません。fireFoxのようなブラウザでは動作するようです。
 
サンプル
 
サンプル
−
<syntaxhighlight lang="javascript" line start="1">
+
<syntaxhighlight2 lang="javascript" line start="1">
 
<HTML>
 
<HTML>
 
<HEAD>
 
<HEAD>
62行: 62行:
 
</BODY>
 
</BODY>
 
</HTML>
 
</HTML>
−
</syntaxhighlight>
+
</syntaxhighlight2>
 
[[Media:JavaScript Function toSource.html|実行結果サンプル]]
 
[[Media:JavaScript Function toSource.html|実行結果サンプル]]
  
73行: 73行:
  
 
サンプル
 
サンプル
−
<syntaxhighlight lang="javascript" line start="1">
+
<syntaxhighlight2 lang="javascript" line start="1">
 
<HTML>
 
<HTML>
 
<HEAD>
 
<HEAD>
98行: 98行:
 
</BODY>
 
</BODY>
 
</HTML>
 
</HTML>
−
</syntaxhighlight>
+
</syntaxhighlight2>
 
[[Media:JavaScript Function argument.html|実行結果サンプル]]
 
[[Media:JavaScript Function argument.html|実行結果サンプル]]
  
116行: 116行:
  
 
サンプル
 
サンプル
−
<syntaxhighlight lang="javascript" line start="1">
+
<syntaxhighlight2 lang="javascript" line start="1">
 
<HTML>
 
<HTML>
 
<HEAD>
 
<HEAD>
148行: 148行:
 
</BODY>
 
</BODY>
 
</HTML>
 
</HTML>
−
</syntaxhighlight>
+
</syntaxhighlight2>
 
[[Media:JavaScript Function arguments.html|実行結果サンプル]]
 
[[Media:JavaScript Function arguments.html|実行結果サンプル]]
  
155行: 155行:
  
 
== 戻り値 return ==
 
== 戻り値 return ==
 +
*function funcName() = { ...; return 1; }
 +
:上記のような関数定義の{}内の一連の処理の一番最後やその他の場所で記されたreturnというキーワードを見つけた場合、これで関数内の処理が終了すると共に、戻り値というものが関数部の処理結果として返され、関数を呼び出した際の命令の左側に代入演算子=を付加し、その左に記された変数に戻り値が代入されます。戻り値は、上記のような数値を格納する変数でも、オブジェクトが戻り値ならばオブジェクトを格納するためのオブジェクト名であっても良いです。戻り値は一つですので、複数の値をまとめて返したい場合はオブジェクトやファイル入出力といった形式で処理結果に従って、戻り値のようなものを設定する必要があります。サンプルでは関数のオブジェクト利用について、理解がないとオブジェクトの戻り値のサンプルの具体的な意味がわからないと思うので、次の項目の説明も併せて理解すると動作についての理解が深まるかと思います。
 +
 +
サンプル
 +
<syntaxhighlight2 lang="javascript" line start="1">
 +
<HTML>
 +
<HEAD>
 +
<TITLE>JavaScript 戻り値 return</TITLE>
 +
</HEAD>
 +
<BODY>
 +
JavaScript 戻り値 return<br />
 +
<SCRIPT Language="JavaScript">
 +
<!--
 +
function objValue(nValue1,nValue2){
 +
    document.write("■objValue関数オブジェクトが呼び出されました。<br />");
 +
    this.nValue1 = nValue1;
 +
    this.nValue2 = nValue2;
 +
    this.nSeki = nValue1 * nValue2;
 +
}
 +
 +
function funcName(nValue1,nValue2){
 +
    with(document){
 +
        write("■funcName()関数が呼び出されました。<br />");
 +
        write("引数の数 funcName.arguments.length = " + funcName.arguments.length + "<br />");
 +
        write("引数の数 funcName.arity = " + funcName.arity + "<br />");
 +
        write("nValue1 = " + nValue1 + "<br />");
 +
        write("nValue2 = " + nValue2 + "<br />");
 +
        write("引数1番目 funcName.arguments[0] = " + funcName.arguments[0] + "<br />");
 +
        write("引数1番目 funcName.arguments.nValue1 = " + funcName.arguments.nValue1 + "<br />");
 +
        write("引数2番目 funcName.arguments[1] = " + funcName.arguments[1] + "<br />");
 +
        write("引数2番目 funcName.arguments.nValue2 = " + funcName.arguments.nValue2 + "<br />");
 +
        write("積の結果 : " + nValue1 * nValue2 + "<br />");
 +
    }
 +
    var objValue2 = new objValue(nValue1,nValue2);
 +
    return objValue2;
 +
}
 +
 +
objValue1 = new objValue();
 +
objValue1 = funcName(10,30);
 +
 +
with(document){
 +
    write("■メインプログラム<br />");
 +
    write("objValue1.nValue1 = " + objValue1.nValue1 + "<br />");
 +
    write("objValue1.nValue2 = " + objValue1.nValue2 + "<br />");
 +
    write("積の結果 : " + objValue1.nSeki + "<br />");
 +
}
 +
 +
-->
 +
</SCRIPT>
 +
</BODY>
 +
</HTML>
 +
</syntaxhighlight2>
 +
[[Media:JavaScript Function return.html|実行結果サンプル]]
  
 
== オブジェクトとしての利用 ==
 
== オブジェクトとしての利用 ==
 +
:前述の項目で、オブジェクトとしての関数の利用について、しれーっとサンプルにしてしまったので、サンプルを見てもよくわからないということになってしまいますが、function objValue(){ … } 定義した関数に対して、
 +
*objValue1 = new objValue();
 +
:と、このように定義することで、関数自体をオブジェクトとして生成し、左辺値に指定したオブジェクト名で関数の中で設定するようなプロパティ値や関数内で生成されたオブジェクトをオブジェクトにぶら下がるオブジェクトのような形で扱うことができます。前述のサンプルのように関数内で、thisキーワードの下にプロパティ値を設定すると、生成したときのオブジェクトの下のプロパティ値と対になるようにプロパティ値を持つオブジェクトになります。つまり、objValue関数定義内にあるthis.nValue1というプロパティ値はobjValue1.nValue1というプロパティ値になります。このようなプロパティ値を複数持つことができるのがオブジェクトの性質であり、上記のサンプルではreturnキーワードで戻り値としてオブジェクトを返すことで本来1個しか、返せない戻り値でも複数の値を持つオブジェクトを返すことで複数の値を関数を呼び出した部分に処理結果を反映させることができ、複雑な関数の処理を行うことができます。
 +
 +
 +
この項目のサンプルは前述のサンプルと同じですので、サンプルの掲載を省略します。
 +
 +
== 定義と呼び出しの同時指示 ==
 +
:関数の定義部分と、関数の呼び出し処理がわかれていましたが、以下のように記述することで、定義をして、呼び出し用のオブジェクト作成をひとまとめにできます。
 +
*var objName1 = function funcName(){ … };
 +
*var objName1 = function (){ … };
 +
:のように記述することで定義とオブジェクトを同時生成できます。これは何がメリットなのでしょうか？それは関数に名前を付けない無名関数のオブジェクト化をすることができるという点にあります。2個目の例のようにfunctionに続く、funcNameという関数名を省略することができます。無名関数ということは、関数をどこに定義しても、例えばグローバルの空間、つまりはどこからでも関数名が参照できそうな場所で定義したとしても、関数名がないので、不用意に呼び出されることはなく一度きりの関数として利用できることです。サンプルではfuncNameを与えるパターンの例を記述します。この場合は無名関数ではないので、同時に生成しただけであって、特に分けて書いた場合との違いはありません。もちろん分けて書いた場合と使い方はほぼ変わらないので、サンプルは必要ないかもしれませんが、念のため、サンプルを記載しておきます。
 +
 +
サンプル
 +
<syntaxhighlight2 lang="javascript" line start="1">
 +
<HTML>
 +
<HEAD>
 +
<TITLE>JavaScript 定義と呼び出しの同時指示</TITLE>
 +
</HEAD>
 +
<BODY>
 +
JavaScript 定義と呼び出しの同時指示<br />
 +
<SCRIPT Language="JavaScript">
 +
<!--
 +
objName = function funcName(a, b){
 +
    document.write("■objValue関数オブジェクトが呼び出されました。<br />");
 +
    funcName.nValue1 = a;
 +
    funcName.nValue2 = b;
 +
    funcName.nSeki = funcName.nValue1 * funcName.nValue2;
 +
};
 +
 +
objName(10,20);
 +
 +
with(document){
 +
    write("■メインプログラム<br />");
 +
    write("objName.nValue1 = " + objName.nValue1 + "<br />");
 +
    write("objName.nValue2 = " + objName.nValue2 + "<br />");
 +
    write("積の結果 : " + objName.nSeki + "<br />");
 +
}
 +
 +
-->
 +
</SCRIPT>
 +
</BODY>
 +
</HTML>
 +
</syntaxhighlight2>
 +
[[Media:JavaScript Function parallel.html|実行結果サンプル]]
  
 
== 定義とオブジェクト化の同時指示 ==
 
== 定義とオブジェクト化の同時指示 ==
 +
:前述のサンプルでは、関数の定義部分と、実際に関数のオブジェクトをnewキーワードを使って、左辺値のオブジェクト名に生成する処理がわかれていましたが、以下のように記述することで、定義と生成をひとまとめにできます。
 +
*var objName1 = new Function("a", "b", "document.write(a + b)");
 +
:のように記述することで同時生成できます。これは何がメリットなのでしょうか？それは関数に名前を付けない無名関数のオブジェクト化をするという点にあります。無名関数ということは、関数をどこに定義しても、例えばグローバルの空間、つまりはどこからでも関数名が参照できそうな場所で定義したとしても、関数名がないので、不用意に呼び出されることはなく一度きりの関数として利用できることです。ただし、こういう関数オブジェクトを使う例というのはあまりみかけないです。分けて書いた場合と使い方はほぼ変わらないので、サンプルは必要ないかもしれませんが、念のため、サンプルを記載しておきます。
 +
 +
 +
サンプル
 +
<syntaxhighlight2 lang="javascript" line start="1">
 +
<HTML>
 +
<HEAD>
 +
<TITLE>JavaScript 定義とオブジェクト化の同時指示</TITLE>
 +
</HEAD>
 +
<BODY>
 +
JavaScript 定義とオブジェクト化の同時指示<br />
 +
<SCRIPT Language="JavaScript">
 +
<!--
 +
document.write("■Function<br />");
 +
 +
var heikin = new Function("a", "b", "document.write(\"a  = \", a,\"<br />\");document.write(\"b  = \", b,\"<br />\");document.write(\"(a + b) / 2 = \",(a + b) / 2);return (a + b) / 2;");
 +
var num = heikin(30, 40);
 +
 +
document.write('<br />');
 +
document.write("num = ",num);
 +
 +
-->
 +
</SCRIPT>
 +
</BODY>
 +
</HTML>
 +
</syntaxhighlight2>
 +
[[Media:JavaScript Function objparallel.html|実行結果サンプル]]
 +
 +
 +
関数オブジェクトFunction内の命令部は,カンマで区切られた引数部があって、最後の引数が命令部になります。複数の命令を;で区切りながら記述することができます。引数のそれぞれを"ダブルクォーテーションで囲う必要があるため、命令部自体でダブルクォーテーションの記述が必要な場合はエスケープシーケンスを付与して\"としなければなりません。
  
 
== 呼び出し元取得 caller,constructor ==
 
== 呼び出し元取得 caller,constructor ==
 +
*function objFuncName1(){ … :document.write(objFuncName1.constructor); … ;}
 +
*function objFuncName1(){ … :document.write(objFuncName1.caller); … ;}
 +
:上記のように関数内で、関数名のプロパティ値constructorおよびcallerの値を出力することで、呼び出し元の関数名を取得することができます。具体的には以下のサンプルのとおりです。
 +
 +
 +
サンプル
 +
<syntaxhighlight2 lang="javascript" line start="1">
 +
<HTML>
 +
<HEAD>
 +
<TITLE>JavaScript 呼び出し元取得 caller,constructor</TITLE>
 +
</HEAD>
 +
<BODY>
 +
JavaScript 呼び出し元取得 caller,constructor<br />
 +
<SCRIPT Language="JavaScript">
 +
<!--
 +
var Num =10000;
 +
function funcName1(){
 +
    with(document){
 +
        write("■直接呼出し用関数funcName1 window.Num 値表示処理<br />");
 +
        write("window.Num = " + window.Num + "<br />");   
 +
    }
 +
}
 +
function objNewCreate(){
 +
    with(document){
 +
        write("■自作関数obNewCreate this.Num 初期値<br />");
 +
        write("this.Num = " + this.Num + "<br />");   
 +
    }
 +
    this.Num = 5000;
 +
    with(document){
 +
        write("■自作関数obNewCreate this.Num = 5000 代入後<br />");
 +
        write("this.Num = " + this.Num + "<br />");   
 +
    }
 +
}
 +
 +
function funcName2(nValue1, nValue2, nValue3){
 +
    with(document){
 +
        write("■引数あり関数funcName2 引数値表示処理<br />");
 +
        write("nValue1 = " + nValue1 + ", nValue2 = " + nValue2 + ", nValue3 = " + nValue3 + "<br />");   
 +
        write("引数の総数funcName2.arity = " + funcName2.arity + "<br />");   
 +
        write("引数の総数funcName2.arguments.length = " + funcName2.arguments.length + "<br />");   
 +
        for(var n in funcName2.arguments){
 +
            write("引数の総数funcName2.arguments[" + n + "] = " + funcName2.arguments[n] + "<br />");
 +
        }   
 +
    }
 +
    return nValue1 * nValue2 * nValue3;
 +
}
 +
function objFuncName1(nValue1,nValue2,nValue3){
 +
    this.arg3 = nValue3;
 +
    objFuncName3.apply(this, arguments);
 +
    with(document){
 +
        write("■objFuncName1呼び出し<br />");
 +
        write("objFuncName1.constructor = " + objFuncName1.constructor + "<br />");//☆☆☆
 +
        write("objFuncName1.caller = " + objFuncName1.caller + "<br />");//☆☆☆
 +
    }
 +
}
 +
function objFuncName2(nValue1,nValue2,nValue3){
 +
    this.arg3 = nValue3;
 +
    objFuncName3.call(this, nValue1, nValue2);
 +
    with(document){
 +
        write("■objFuncName2呼び出し<br />");
 +
        write("objFuncName2.constructor = " + objFuncName2.constructor + "<br />");//☆☆☆
 +
        write("objFuncName2.caller = " + objFuncName2.caller + "<br />");//☆☆☆
 +
    }
 +
}
 +
function objFuncName3(nValue1,nValue2){
 +
    this.arg1 = nValue1;
 +
    this.arg2 = nValue2;
 +
    with(document){
 +
        write("■objFuncName3呼び出し<br />");
 +
        write("objFuncName3.constructor = " + objFuncName3.constructor + "<br />");//☆☆☆
 +
        write("objFuncName3.caller = " + objFuncName3.caller + "<br />");//☆☆☆
 +
    }
 +
}
 +
 +
with(document){
 +
    write("<br />");
 +
    write("◎Create1オブジェクト生成 new<br />");
 +
}
 +
 +
objNewCreate1 = new objNewCreate();
 +
 +
with(document){
 +
 +
    write("<br />");
 +
    write("■オブジェクトにぶら下げた変数プロパティの出力<br />");
 +
    write("objNewCreate1.Num = " + objNewCreate1.Num + "<br />");
 +
 +
    write("<br />");
 +
    write("■トップレベルからの関数呼び出し オブジェクト生成無し。<br />");
 +
    write("Num = " + Num + "<br />");   
 +
}
 +
 +
objDirectCreate1 = new function(){
 +
    this.Num = 1048;
 +
    this.Num2Power10 = 1024;
 +
    with(document){
 +
        write("■同時生成関数定義呼び出し<br />");
 +
        write("this.Num = " + this.Num + ", this.Num2Power10 = " + this.Num2Power10 + "<br />");
 +
    }   
 +
}
 +
 +
with(document){
 +
    write("<br />");
 +
    write("■同時生成関数定義呼び出し時生成オブジェクト<br />");
 +
    write("objDirectCreate1.Num = " + objDirectCreate1.Num + "<br />");   
 +
    write("objDirectCreate1.Num2Power10 = " + objDirectCreate1.Num2Power10 + "<br />");   
 +
}
 +
 +
 +
var nValue1 = funcName2(1024, 65535, 1024);
 +
with(document){
 +
    write("<br />");
 +
    write("■引数付き関数呼び出し結果<br />");
 +
    write("nValue1 = " + nValue1 + "<br />"); 
 +
}
 +
 +
with(document){
 +
    write("<br />");
 +
    write("■apply結果<br />");
 +
}
 +
var objFunc1 = new objFuncName1(1024, 65535, 1024);
 +
with(document){
 +
    write("<br />");
 +
    write("■生成したオブジェクトのプロパティ値表示<br />");
 +
    write("objFunc1.arg1 = " + objFunc1.arg1 + ", objFunc1.arg2 = " + objFunc1.arg2 + ", objFunc1.arg3 = " + objFunc1.arg3 + "<br />");   
 +
}
 +
 +
 +
 +
with(document){
 +
    write("<br />");
 +
    write("■call結果<br />");
 +
}
 +
var objFunc2 = new objFuncName2(1024, 65535, 1024);
 +
with(document){
 +
    write("<br />");
 +
    write("■生成したオブジェクトのプロパティ値表示<br />");
 +
    write("objFunc2.arg1 = " + objFunc2.arg1 + ", objFunc2.arg2 = " + objFunc2.arg2 + ", objFunc2.arg3 = " + objFunc2.arg3 + "<br />");   
 +
}
 +
-->
 +
</SCRIPT>
 +
</BODY>
 +
</HTML>
 +
 +
</syntaxhighlight2>
 +
[[Media:JavaScript Function caller.html|実行結果サンプル]]
  
 
== 関数オブジェクトからの関数呼び出し call,aplly ==
 
== 関数オブジェクトからの関数呼び出し call,aplly ==
 +
*function objFuncName2(){ … :objFuncName1.call(this, … ); … ;}
 +
*function objFuncName2(){ … :objFuncName1.aplly(this, … ); … ;}
 +
:上記のように関数内で、関数名のメソッド(関数の中の関数のこと)callおよびapllyを呼び出すことで、自分自身の関数オブジェクトであるthisを使って、受け取った引数をそのまま呼び出したい関数にも引数を渡せる仕組みになっています。引数をそのまま横流しできるというのは便利な場合もあります。具体的には以下のサンプルのとおりに利用します。
 +
  
−
== 記事作成用テンプレ ==
 
 
サンプル
 
サンプル
−
<syntaxhighlight lang="javascript" line start="1">
+
<syntaxhighlight2 lang="javascript" line start="1">
−
</syntaxhighlight>
+
<HTML>
−
[[Media:JavaScript Function xxx.html|実行結果サンプル]]
+
<HEAD>
 +
<TITLE>JavaScript 関数オブジェクトからの関数呼び出し call,aplly </TITLE>
 +
</HEAD>
 +
<BODY>
 +
JavaScript 関数オブジェクトからの関数呼び出し call,aplly <br />
 +
<SCRIPT Language="JavaScript">
 +
<!--
 +
var Num =10000;
 +
function funcName1(){
 +
    with(document){
 +
        write("■直接呼出し用関数funcName1 window.Num 値表示処理<br />");
 +
        write("window.Num = " + window.Num + "<br />");   
 +
    }
 +
}
 +
function objNewCreate(){
 +
    with(document){
 +
        write("■自作関数obNewCreate this.Num 初期値<br />");
 +
        write("this.Num = " + this.Num + "<br />");   
 +
    }
 +
    this.Num = 5000;
 +
    with(document){
 +
        write("■自作関数obNewCreate this.Num = 5000 代入後<br />");
 +
        write("this.Num = " + this.Num + "<br />");   
 +
    }
 +
}
 +
 
 +
function funcName2(nValue1, nValue2, nValue3){
 +
    with(document){
 +
        write("■引数あり関数funcName2 引数値表示処理<br />");
 +
        write("nValue1 = " + nValue1 + ", nValue2 = " + nValue2 + ", nValue3 = " + nValue3 + "<br />");   
 +
        write("引数の総数funcName2.arity = " + funcName2.arity + "<br />");   
 +
        write("引数の総数funcName2.arguments.length = " + funcName2.arguments.length + "<br />");   
 +
        for(var n in funcName2.arguments){
 +
            write("引数の総数funcName2.arguments[" + n + "] = " + funcName2.arguments[n] + "<br />");
 +
        }   
 +
    }
 +
    return nValue1 * nValue2 * nValue3;
 +
}
 +
function objFuncName1(nValue1,nValue2,nValue3){
 +
    this.arg3 = nValue3;
 +
    objFuncName3.apply(this, arguments);//☆☆☆
 +
    with(document){
 +
        write("■objFuncName1呼び出し<br />");
 +
        write("objFuncName1.constructor = " + objFuncName1.constructor + "<br />");
 +
        write("objFuncName1.caller = " + objFuncName1.caller + "<br />");
 +
    }
 +
}
 +
function objFuncName2(nValue1,nValue2,nValue3){
 +
    this.arg3 = nValue3;
 +
    objFuncName3.call(this, nValue1, nValue2);//☆☆☆
 +
    with(document){
 +
        write("■objFuncName2呼び出し<br />");
 +
        write("objFuncName2.constructor = " + objFuncName2.constructor + "<br />");
 +
        write("objFuncName2.caller = " + objFuncName2.caller + "<br />");
 +
    }
 +
}
 +
function objFuncName3(nValue1,nValue2){
 +
    this.arg1 = nValue1;
 +
    this.arg2 = nValue2;
 +
    with(document){
 +
        write("■objFuncName3呼び出し<br />");
 +
        write("objFuncName3.constructor = " + objFuncName3.constructor + "<br />");
 +
        write("objFuncName3.caller = " + objFuncName3.caller + "<br />");
 +
    }
 +
}
 +
 
 +
with(document){
 +
    write("<br />");
 +
    write("◎Create1オブジェクト生成 new<br />");
 +
}
 +
 
 +
objNewCreate1 = new objNewCreate();
 +
 
 +
with(document){
 +
 
 +
    write("<br />");
 +
    write("■オブジェクトにぶら下げた変数プロパティの出力<br />");
 +
    write("objNewCreate1.Num = " + objNewCreate1.Num + "<br />");
 +
 
 +
    write("<br />");
 +
    write("■トップレベルからの関数呼び出し オブジェクト生成無し。<br />");
 +
    write("Num = " + Num + "<br />");   
 +
}
 +
 
 +
objDirectCreate1 = new function(){
 +
    this.Num = 1048;
 +
    this.Num2Power10 = 1024;
 +
    with(document){
 +
        write("■同時生成関数定義呼び出し<br />");
 +
        write("this.Num = " + this.Num + ", this.Num2Power10 = " + this.Num2Power10 + "<br />");
 +
    }   
 +
}
 +
 
 +
with(document){
 +
    write("<br />");
 +
    write("■同時生成関数定義呼び出し時生成オブジェクト<br />");
 +
    write("objDirectCreate1.Num = " + objDirectCreate1.Num + "<br />");   
 +
    write("objDirectCreate1.Num2Power10 = " + objDirectCreate1.Num2Power10 + "<br />");   
 +
}
 +
 
 +
 
 +
var nValue1 = funcName2(1024, 65535, 1024);
 +
with(document){
 +
    write("<br />");
 +
    write("■引数付き関数呼び出し結果<br />");
 +
    write("nValue1 = " + nValue1 + "<br />"); 
 +
}
 +
 
 +
with(document){
 +
    write("<br />");
 +
    write("■apply結果<br />");
 +
}
 +
var objFunc1 = new objFuncName1(1024, 65535, 1024);
 +
with(document){
 +
    write("<br />");
 +
    write("■生成したオブジェクトのプロパティ値表示<br />");
 +
    write("objFunc1.arg1 = " + objFunc1.arg1 + ", objFunc1.arg2 = " + objFunc1.arg2 + ", objFunc1.arg3 = " + objFunc1.arg3 + "<br />");   
 +
}
 +
 
 +
 
 +
 
 +
with(document){
 +
    write("<br />");
 +
    write("■call結果<br />");
 +
}
 +
var objFunc2 = new objFuncName2(1024, 65535, 1024);
 +
with(document){
 +
    write("<br />");
 +
    write("■生成したオブジェクトのプロパティ値表示<br />");
 +
    write("objFunc2.arg1 = " + objFunc2.arg1 + ", objFunc2.arg2 = " + objFunc2.arg2 + ", objFunc2.arg3 = " + objFunc2.arg3 + "<br />");   
 +
}
 +
-->
 +
</SCRIPT>
 +
</BODY>
 +
</HTML>
 +
 
 +
</syntaxhighlight2>
 +
[[Media:JavaScript Function call.html|実行結果サンプル]]
  
  
 
[[JAVA Script#リファレンス]]に戻る。
 
[[JAVA Script#リファレンス]]に戻る。

2021年2月19日 (金) 00:00時点における最新版

「https://www.yo-net.jp/yonewiki/index.php?title=JavaScript_%E9%96%A2%E6%95%B0&oldid=10445」から取得

個人用ツール
名前空間

変種
操作
案内
ツールボックス