anon-action.js

var Base = require('ribcage-view')

var SubView = Base.extend({
  action: function () {
    this.options.action()
  }
})

var View = Base.extend({
  foo: 'bar'
, afterRender: function () {
    var self = this
    this.subview = new SubView({
      action: function () {
        console.log(self.foo)
      }
    })
  }
})

var myview = new View({})
myview.render()

bound-action.js

var bind = require('lodash.bind')
var Base = require('ribcage-view')

var SubView = Base.extend({
  action: function () {
    this.options.action()
  }
})

var View = Base.extend({
  foo: 'bar'
, logFoo: function () {
    console.log(this.foo)
  }
, afterRender: function () {
    this.subview = new SubView({
      action: bind(this.logFoo, this)
    })
  }
})

var myview = new View({})
myview.render()

broken-action.js

var Base = require('ribcage-view')

var SubView = Base.extend({
  action: function () {
    this.options.action()
  }
})

var View = Base.extend({
  foo: 'bar'
, logFoo: function () {
    console.log(this.foo)
  }
, afterRender: function () {
    this.subview = new SubView({
      action: this.logFoo
    })
  }
})

window.foo = 'baz'

var myview = new View({})
myview.render() //!!! this will log `baz` when myview.subview.action is called