Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Coffee Script | コールバック関数

概要

コールバック関数

詳細

Coffee Scriptでコールバック関数を実装する方法について。
JavaScriptajaxの利用やイベントの処理等、コールバックを多様する傾向にあります。
コールバックの利用時は無名関数を利用できます。

Coffee Script公式サイトのTRY COFFEESCRIPTを利用すると
Coffee Script<==>JavaScriptの変換がすぐに確認できます。
Coffee Scriptの利用を迷っていて、まだ環境構築をしていない人でも
擬似的に利用出来ます。
http://coffeescript.org/

Coffee Script

class @CallbackTest 
  callee: (callback) ->
    console.log('callee start')
    callback('hige')

  caller: ->
    @callee (callee_param) ->
      console.log('caller start')
      console.log(callee_param)

new CallbackTest().caller()

js+動作確認用html

<script language="javascript">
this.CallbackTest = (function() {
  function CallbackTest() {}

  CallbackTest.prototype.callee = function(callback) {
    console.log('callee start');
    return callback('hige');
  };

  CallbackTest.prototype.caller = function() {
    return this.callee(function(callee_param) {
      console.log('caller start');
      return console.log(callee_param);
    });
  };

  return CallbackTest;

})();

new CallbackTest().caller();
</script>

出力

callee start callback.html:6
caller start callback.html:12
hige 

参考

Coffee Script公式サイト(TRY COFFEESCRIPT
http://coffeescript.org/