New Twiddle

controllers.application.js

import Ember from 'ember';

const a = {
  x: 1,
  y() {
    return this.x
  }
};
let f = a.y;
// f(); // what does this return? // we want this to return 1
// a.x = 2;
// f(); // what does this return? // we want this to return 2


let fs = [];
for (var i = 0; i < 5; ++i) {
  fs[i] = function(){ console.log(i) }
}
fs[0](); // what does this print? // we want this to print 0;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

const Student = Ember.Object.extend({
  degrees: [],
  graduate(degree) {
    this.degrees.push(degree);
  },
  firstName: '',
  lastName: '',
  fullName: Ember.computed({
    get(){
      return this.firstName + ' ' + this.lastName;
    },
    set(key, value){
      let [first, last] = value.split(' ');
      this.firstName = first;
      this.lastName = last;
    }
  })
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1"
  }
}