Question

使用ember-cli@0.2.7和emberjs@1.13.2。

来源emberjs模型

export default DS.Model.extend({
    name: DS.attr('string'),

    displayName : Ember.computed('name', () => {
      return this.get('name');
    })
});

翻译模型

'use strict';

var _this = undefined;

exports['default'] = DS['default'].Model.extend({
    name: DS['default'].attr('string'),

    displayName: Ember.computed('name', function () {
        return _this.get('name'); //at this point _this is undefined
    })
});

问题在于_this永远不会设置模型。为什么会这样？

Answer 1

Babel将其导出为未定义，因为您使用胖箭头功能保留的上下文未定义。

目前您所拥有的与以下内容之间没有区别：

let options = {
    name: DS.attr('string'),

    displayName : Ember.computed('name', () => {
      return this.get('name');
    })
};
console.log(this); // undefined
export default DS.Model.extend(options);

本案例中的上下文未定义。您正在将选项传递给DS.Model该对象尚不存在。

export default DS.Model.extend({
    name: DS.attr('string'),

    displayName : Ember.computed('name', function() {
      return this.get('name');
    })
});

在一个不相关的说明中，因为你正在使用ember let使用ES6解构来使代码看起来更“漂亮”：

import Ember from 'ember';
import DS from 'ember-data';

const { computed } = Ember;
const { attr, Model } = DS;

export default Model.extend({
    name: attr('string'),

    displayName : computed('name', function() {
      return this.get('name');
    })
});

babel正在出口＆＃34;这个＆＃34;在ember计算属性中未定义

1 个答案: