title: Javascript scoping of Ember objects
body: <p>I am not sure of the difference between the following:</p>
  
  <pre><code>export default Ember.Component.extend({
  
      errors: {},
  
      performPermalinkUpdate: function(){
  
          let errors = this.get('errors');
  
          this.requestPermalink(this.get('title'), this.endpoint).then((resp) =&gt; {    
              // Do success stuff
          }).catch((resp) =&gt; {
              Ember.set(errors, 'permalink', "Test");
          });
      }
  });
  </code></pre>
  
  <p>VS</p>
  
  <pre><code>export default Ember.Component.extend({
  
      errors: {},
  
      performPermalinkUpdate: function(){
  
          this.requestPermalink(this.get('title'), this.endpoint).then((resp) =&gt; {    
              // Do success stuff
          }).catch((resp) =&gt; {
              let errors = this.get('errors');
              Ember.set(errors, 'permalink', "Test");
          });
      }
  });
  </code></pre>
  
  <p>The first one does not actually alter the <code>errors</code> property.  The error never shows up on the template.  Whereas the second will and the resulting error shows up on my template.</p>
  
  <p>I assume I am missing a key scoping issue with the promise.</p>