EmberScreencasts

Class Inheritance

Class Inheritance

=

.extend({})

He's just like me!

I'm so proud!

Overwriting Properties

=

.extend({

   

})

Rebel!  Such Impudence!

I'm my own man now!

hat: 'blue'

 

Inheritance Chain

hat: blue

hat: green

Ember.Component

Inheritance Chain

Ember.CoreObject

V

Ember.Object

V

Ember.CoreView

V

Ember.View

V

Ember.Component

Observable

ActionHandler, Evented

TargetActionSupport

ViewContextSupport,

ViewChildViewsSupport,

ViewLegacyChildViewsSupport,

ViewStateSupport,

  TemplateRenderingSupport,

  ClassNamesSupport,

  LegacyViewSupport,

  InstrumentationSupport,

  VisibilitySupport,

  CompatAttrsProxy,

  AriaRoleSupport,

  ViewMixin

Ember.Component

Inheritance Chain

Ember.CoreObject

V

Ember.Object

V

Ember.CoreView

V

Ember.View

V

Ember.Component

Observable

ActionHandler, Evented

TargetActionSupport

ViewContextSupport,

ViewChildViewsSupport,

ViewLegacyChildViewsSupport,

ViewStateSupport,

  TemplateRenderingSupport,

  ClassNamesSupport,

  LegacyViewSupport,

  InstrumentationSupport,

  VisibilitySupport,

  CompatAttrsProxy,

  AriaRoleSupport,

  ViewMixin

Ember.CoreObject

V

Ember.Object

V

Ember.Controller

Observable

ActionHandler, ControllerMixin

Ember.Controller

Inheritance Chain

Review

  • Inherit using .extend({})
  • Overwriting Properties
  • Inheritance Chains

Coming Up

  • Ember.Mixin
  • Concatenated vs Merged Properties

Class Inheritance

By Jeffrey Biles

Class Inheritance

  • 1,075