JavaScript 関数 新しいページはコチラ
提供: yonewiki
(→記事作成用テンプレ) |
(→呼び出し元取得 caller,constructor) |
||
298行: | 298行: | ||
サンプル | サンプル | ||
<syntaxhighlight lang="javascript" line start="1"> | <syntaxhighlight 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> | ||
</syntaxhighlight> | </syntaxhighlight> |