// ------------ local variables -------------------------------------------- //\r
// ------------------------------------------------------------------------- //\r
\r
-var X_Callback_LIVE_LIST = [],\r
+var \r
+ X_Callback_LIVE_LIST = [],\r
+\r
X_Callback_POOL_LIST = [],\r
+\r
X_Closure_COMMAND_BACK = X_Callback_LIVE_LIST,\r
+\r
X_Closure_COMMAND_DROP = X_Callback_POOL_LIST,\r
\r
+ /** @const */\r
X_Callback_THIS_FUNC = 1,\r
+ /** @const */\r
X_Callback_HANDLEEVENT = 2,\r
+ /** @const */\r
X_Callback_FUNC_ONLY = 3,\r
+ /** @const */\r
+ X_Callback_THIS_FUNCNAME = 4,\r
\r
+ /** @const */\r
X_Callback_NONE = 0,\r
+ /** @const */\r
X_Callback_UN_LISTEN = 1,\r
- X_Callback_STOP_PROPAGATION = 2, // 上位階層への伝播のキャンセル\r
+ /** @const */\r
+ X_Callback_STOP_PROPAGATION = 2,\r
+ /** @const */\r
X_Callback_STOP_NOW = 4 | 2, // 同一階層のリスナーのキャンセル(上位へもキャンセル)\r
+ /** @const */\r
X_Callback_PREVENT_DEFAULT = 8, // 結果動作のキャンセル,\r
- X_Callback_MONOPOLY = 16, // move event を独占する\r
- X_Callback_SYS_CANCEL = 32 | 4 | 2;\r
+ /** @const */\r
+ X_Callback_CAPTURE_POINTER = 16,\r
+ /** @const */\r
+ X_Callback_RELEASE_POINTER = 32,\r
+ \r
+ /** @const */\r
+ X_Callback_SYS_CANCEL = 64 | 4 | 2;\r
+\r
+\r
\r
/*\r
* handleEvent という関数のメンバーを持つオブジェクト\r
var listener;\r
\r
/**\r
- * <h4>クロージャについて</h4>\r
- * javascript 開発で多用されるクロージャですが、次の理由によりその使用は慎重になるべきです。\r
- * <ol>\r
- * <li>正しく参照を切ってガベージコレクトされる条件を満たしたか?プログラマが見落としやすく、結果メモリリークを起こしやすい。特にコードがコールバック地獄になると目も当てられない。\r
- * </ol>\r
- * \r
- * とくに次のようなページでは、クロージャの使用を極力避けるべきです。破棄が行われることが確実で即時関数によって新しい名前を追加したくない場合と、次項で紹介する絶対に必要なケース以外で使わないようにします。\r
- * <ol>\r
- * <li>ajax によりデータ取得がたびたび起こり、合わせて不要なデータの破棄も行う。\r
- * <li>シングルページアプリケーションで画面の生成と破棄が繰り返される。\r
- * <li>Web アプリケーションで、一度開いたら一日中操作し続けるユーザーも想定される。\r
- * </ol>\r
- * \r
- * <h4>クロージャが絶対に必要な場合</h4>\r
- * IE5 ~ IE8 の独自イベントモデルに於いて、イベントオブジェクトに event.currentTarget に相当するものがなく、現在どの HTML 要素でイベントが起こっているか分かりません。<br>\r
- * そのため HTML 要素とコールバック関数を束縛するクロージャを使う必要があります。<br>\r
- * 参照:『Javascript 第5版』 オライリー p430 17.3.6 attachEvent() と this キーワード<br>\r
- * \r
- * このほかに IE8 以下と Opera11 以下の XHR ではイベントオブジェクトが用意されないため、eventType が分からない問題があります。このために eventType とコールバック関数を束縛するクロージャが必要です。<br>\r
- * \r
- * このように、Web ブラウザと javascript の接点では、どうしてもクロージャが必要なケースがあります。<br>\r
- * さて、クロージャの使用を最小限に留め、残った僅かなクロージャのメモリリークをチェックし、といくら慎重に開発を行っても、そもそもクロージャが破棄されるのか?ガベージコレクションの怪しいブラウザもあり問題はまだ続きます。\r
- * \r
- * <h4>再利用可能なクロージャ</h4>\r
- * クロージャの使用を最小限にしたうえで、なおかつクロージャがガベージコレクションされない可能性を考慮して、pettanR フレームワークでは再利用可能なクロージャを用意します。<br>\r
- * 再利用可能クロージャはフレームワーク内で生成・破棄されるため、ユーザーが直接触ることはありません。しかし debug ツールのコールスタックには登場するため、知識を持っておくことは有益です。<br>\r
+ * <p>クロージャに関するポリシーと再利用可能クロージャについて次の記事をご覧ください。\r
+ * <a href="http://outcloud.blogspot.jp/2015/05/reusable-closure.html" target="_blank">再利用できるクロージャを使ったWebアプリケーション開発</a>\r
* \r
* <h5>再利用可能クロージャの作成</h5>\r
* X_Callback_create() で再利用可能なクロージャの作成。次のパターンで呼び出します。<br>\r
*/\r
func : undefined,\r
/**\r
+ * コールバック名。コールバック作成時に関数が無い、関数が入れ替わっていても動作する。\r
+ * @type {string|undefined} \r
+ */\r
+ name : undefined,\r
+ /**\r
* コールバックの this コンテキスト。 \r
* @type {listener|object|undefined}\r
*/\r
/**\r
* X.Timer と X.EventDispatcher からのコールバックの返り値を定義。\r
* @namespace X.Callback\r
- * @alias X.Callback\r
*/\r
-X.Callback = {\r
+X[ 'Callback' ] = {\r
/**\r
* このコールバックでは返り値による操作は無い。\r
+ * @alias X.Callback.NONE\r
*/\r
- NONE : X_Callback_NONE,\r
+ 'NONE' : X_Callback_NONE,\r
/**\r
- * X.Timer.add, X.EventDispatcher.listen のコールバックでタイマーやイベントリスナの解除に使用。\r
+ * X.Timer, X.EventDispatcher のコールバックでタイマーやイベントリスナの解除に使用。\r
+ * @alias X.Callback.UN_LISTEN\r
*/\r
- UN_LISTEN : X_Callback_UN_LISTEN,\r
+ 'UN_LISTEN' : X_Callback_UN_LISTEN,\r
/**\r
- * イベントのバブルアップを中止する。DOM イベントのコールバックの戻り値に指定すると e.stopPropagation() が呼ばれる。\r
+ * 上位階層へのイベント伝播のキャンセル。DOM イベントのコールバックの戻り値に指定すると e.stopPropagation() が呼ばれる。\r
+ * @alias X.Callback.STOP_PROPAGATION\r
*/\r
- STOP_PROPAGATION : X_Callback_STOP_PROPAGATION,\r
+ 'STOP_PROPAGATION' : X_Callback_STOP_PROPAGATION,\r
/**\r
- * 以降のイベントのディスパッチを中断する。\r
+ * 以降のイベントのディスパッチを中断する。STOP_PROPAGATION との違いは、次に控えているコールバックもキャンセルされる点。但し system によって追加されたイベントはキャンセルされない。\r
+ * @alias X.Callback.STOP_NOW\r
*/\r
- STOP_NOW : X_Callback_STOP_NOW,\r
+ 'STOP_NOW' : X_Callback_STOP_NOW,\r
/**\r
* DOM イベントのコールバックの戻り値に指定すると e.preventDefault() が呼ばれる。\r
* またフレームワーク内で定義されたデフォルト動作の回避にも使用される。\r
+ * @alias X.Callback.PREVENT_DEFAULT\r
+ */\r
+ 'PREVENT_DEFAULT' : X_Callback_PREVENT_DEFAULT,\r
+ /**\r
+ * X.UI の uinode でポインターイベントの戻り値に指定すると、以降のポインターベントを独占する。\r
+ * @alias X.Callback.CAPTURE_POINTER\r
*/\r
- PREVENT_DEFAULT : X_Callback_PREVENT_DEFAULT,\r
+ 'CAPTURE_POINTER' : X_Callback_CAPTURE_POINTER,\r
/**\r
- * X.UI に於いて、ポインターイベントの戻り値に指定すると、以降のポインターベントを独占する。\r
+ * X.UI の uinode でポインターイベントの戻り値に指定すると、以降のポインターベントを独占を解除する。\r
+ * @alias X.Callback.RELEASE_POINTER\r
*/\r
- MONOPOLY : X_Callback_MONOPOLY\r
+ 'RELEASE_POINTER' : X_Callback_RELEASE_POINTER\r
};\r
\r
// ------------------------------------------------------------------------- //\r
function X_Callback_create( thisObject, opt_callback, opt_args /* [ listener || ( context + function ) || function ][ args... ] */ ){\r
var obj = X_Callback_classifyCallbackArgs( thisObject, opt_callback, opt_args ),\r
l, ret, _obj;\r
- if( !obj.k ) return obj;\r
+ \r
+ if( !obj.kind ) return obj;\r
+ \r
if( l = X_Callback_POOL_LIST.length ){\r
- ret = X_Callback_POOL_LIST[ l - 1 ]; --X_Callback_POOL_LIST.length; // ret = X_Callback_POOL_LIST.pop();\r
- _obj = ret( X_Closure_COMMAND_BACK );\r
- _obj.k = obj.k;\r
- _obj.f = obj.f;\r
- _obj.x = obj.x;\r
- _obj.s = obj.s;\r
- _obj._ = X_Callback_proxyCallback;\r
+ ret = X_Callback_POOL_LIST[ l - 1 ]; --X_Callback_POOL_LIST.length; // ret = X_Callback_POOL_LIST.pop();\r
+ _obj = ret( X_Closure_COMMAND_BACK );\r
+ \r
+ _obj.kind = obj.kind;\r
+ _obj.name = obj.name;\r
+ _obj.func = obj.func;\r
+ _obj.context = obj.context;\r
+ _obj.supplement = obj.supplement;\r
+ _obj.proxy = X_Callback_proxyCallback;\r
} else {\r
- ret = X_Callback_actualClosure( obj );\r
- obj._ = X_Callback_proxyCallback;\r
+ ret = X_Callback_actualClosure( obj );\r
+ obj.proxy = X_Callback_proxyCallback;\r
};\r
X_Callback_LIVE_LIST[ X_Callback_LIVE_LIST.length ] = ret;\r
return ret;\r
function X_Callback_classifyCallbackArgs( arg1, arg2, arg3, alt_context ){\r
var obj;\r
\r
- if( arg1 && X_Type_isFunction( arg2 ) ){\r
- obj = { x : arg1, f : arg2, k : X_Callback_THIS_FUNC };\r
+ if( X_Type_isObject( arg1 ) && X_Type_isFunction( arg2 ) ){\r
+ obj = { context : arg1, func : arg2, kind : X_Callback_THIS_FUNC };\r
} else\r
- if( arg1 && X_Type_isFunction( arg1[ 'handleEvent' ] ) ){\r
- obj = { x : arg1, k : X_Callback_HANDLEEVENT };\r
- arg3 = arg2;\r
+ if( X_Type_isObject( arg1 ) ){\r
+ if( arg2 && X_Type_isString( arg2 ) ){\r
+ obj = { context : arg1, name : arg2, kind : X_Callback_THIS_FUNCNAME };\r
+ } else {\r
+ obj = { context : arg1, kind : X_Callback_HANDLEEVENT };\r
+ arg3 = arg2; \r
+ };\r
} else\r
if( X_Type_isFunction( arg1 ) ){\r
arg3 = arg2;\r
if( alt_context ){\r
- obj = { x : alt_context, f : arg1, k : X_Callback_THIS_FUNC };\r
+ obj = { context : alt_context, func : arg1, kind : X_Callback_THIS_FUNC };\r
} else {\r
- obj = { f : arg1, k : X_Callback_FUNC_ONLY };\r
+ obj = { func : arg1, kind : X_Callback_FUNC_ONLY };\r
};\r
} else\r
if( X_Type_isFunction( arg2 ) ){\r
//console.log( 'X_Callback_classifyCallbackArgs : arg1 が ' + arg1 + 'です' ); ie4 で error\r
if( alt_context ){\r
- obj = { x : alt_context, f : arg2, k : X_Callback_THIS_FUNC };\r
+ obj = { context : alt_context, func : arg2, kind : X_Callback_THIS_FUNC };\r
} else {\r
- obj = { f : arg2, k : X_Callback_FUNC_ONLY };\r
+ obj = { func : arg2, kind : X_Callback_FUNC_ONLY };\r
};\r
} else\r
+ if( alt_context && X_Type_isString( arg1 ) ){\r
+ arg3 = arg2;\r
+ obj = { context : alt_context, name : arg1, kind : X_Callback_THIS_FUNCNAME };\r
+ } else\r
if( alt_context ){\r
- obj = { x : alt_context, k : X_Callback_HANDLEEVENT };\r
+ obj = { context : alt_context, kind : X_Callback_HANDLEEVENT };\r
arg3 = arg1;\r
} else {\r
console.log( '不正 ' + arg1 );\r
};\r
\r
if( X_Type_isArray( arg3 )){\r
- obj.s = arg3;\r
+ obj.supplement = arg3;\r
};\r
- return ( obj.x || obj.s ) ? obj : arg1;\r
+ return ( obj.context || obj.supplement ) ? obj : arg1;\r
};\r
\r
function X_Callback_actualClosure( obj ){\r
return function(){\r
if( arguments[ 0 ] === X_Closure_COMMAND_BACK ) return obj;\r
- if( arguments[ 0 ] !== X_Closure_COMMAND_DROP ) return obj._( obj, arguments );\r
+ if( arguments[ 0 ] !== X_Closure_COMMAND_DROP ) return obj.proxy( obj, arguments );\r
};\r
};\r
\r
function X_Callback_proxyCallback( xfunc, _args ){\r
var args = _args || [],\r
- thisObj = xfunc.x,\r
- func = xfunc.f,\r
- supp = xfunc.s,\r
- temp, ret; \r
+ thisObj = xfunc.context,\r
+ func = xfunc.func,\r
+ supp = xfunc.supplement,\r
+ temp, ret, funcName; \r
\r
if( supp && supp.length ){\r
temp = [];\r
args = temp;\r
};\r
\r
- switch( xfunc.k ){\r
+ switch( xfunc.kind ){\r
\r
case X_Callback_THIS_FUNC :\r
return args.length === 0 ? func.call( thisObj ) : func.apply( thisObj, args );\r
- \r
+ \r
+ case X_Callback_THIS_FUNCNAME :\r
+ funcName = xfunc.name;\r
case X_Callback_HANDLEEVENT :\r
- temp = thisObj[ 'handleEvent' ];\r
+ funcName = funcName || 'handleEvent';\r
+ temp = thisObj[ funcName ];\r
if( X_Type_isFunction( temp ) ){\r
return args.length === 0 ? thisObj[ 'handleEvent' ]() :\r
args.length === 1 ? thisObj[ 'handleEvent' ]( args[ 0 ] ) : temp.apply( thisObj, args );\r
X_Callback_LIVE_LIST.splice( i, 1 );\r
X_Callback_POOL_LIST[ X_Callback_POOL_LIST.length ] = f;\r
obj = f( X_Closure_COMMAND_BACK );\r
- delete obj.k;\r
- if( obj.f ) delete obj.f;\r
- if( obj.x ) delete obj.x;\r
- if( obj.s ) delete obj.s;\r
- delete obj._;\r
+ delete obj.kind;\r
+ if( obj.name ) delete obj.name;\r
+ if( obj.func ) delete obj.func;\r
+ if( obj.context ) delete obj.context;\r
+ if( obj.supplement ) delete obj.supplement;\r
+ delete obj.proxy;\r
return true;\r
};\r
return false;\r