JSFiddle - React, Tailwind, and code Playground

by Cody Lindley

HTML

<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/jquery-2.0.2.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/lodash.underscore.js"></script>
<script src="https://dl.dropboxusercontent.com/u/2026291/backbone/backbone.js"></script>
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>

JavaScript

var ContactModel = Backbone.Model.extend({ //extend Backbone.Model
    defaults: function(){
        this.firstName = 'no first name yet';
        this.lastName = 'no last name yet';
        return this;
    }
});

var contact1Model = new ContactModel( //instantiate model instance
    {firstName:'John'}
);
// firstName is set to John while lastname remains the default value
console.log(contact1Model.get('firstName')); //logs John
console.log(contact1Model.get('lastName')); //logs 'no last name yet'