JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone.js"></script>
<h1>Open the JavaScript Console to see the console.log output</h1>
JavaScript
var OptionsInLiteral = Backbone.View.extend({
options: {flavor: "vanilla"},
initialize: function (options) {
console.log("OptionsInLiteral.initialize first argument", options);
console.log("OptionsInLiteral.initialize this.options", this.options);
}
});
new OptionsInLiteral();
new OptionsInLiteral({flavor: "strawberry"});
new OptionsInLiteral({flavor: "strawberry", sprinkles: true});
var OptionsFunctionInLiteral = Backbone.View.extend({
options: function () {
return {
flavor: "vanilla",
created: Date(),
collection: new Backbone.Collection()
};
},
initialize: function (options) {
console.log("OptionsFunctionInLiteral.initialize first argument", options);
console.log("OptionsFunctionInLiteral.initialize this.options", this.options);
}
});
new OptionsFunctionInLiteral();
new OptionsFunctionInLiteral({flavor: "strawberry"});
new OptionsFunctionInLiteral({flavor: "strawberry", sprinkles: true});