javascript - Ember JS 如何实现一个普通的 ES6 类

Question

我是 Ember 新手，在准确理解“可重用”代码应该放在哪里时遇到问题。从我到目前为止发现的情况来看，听起来这应该是一个实用程序？唯一的问题是我不知道如何将类(或任何可重用方法)包含到 Controller 中。

这就是我想要的

示例类(它会去哪里？):

'use strict'

class Person{
    constructor(name, age){
        this.name = name;
        this.age = age;
    }

    getPerson(){
        return "My name is " + this.name + " and I'm " + this.age + " years old";
    }
}

/app/routes/index.js:

import Ember from 'ember';
export default Ember.Route.extend({
    beforeModel(){
        this.replaceWith('rentals');
    }
});

/* How would I include the class so I could call the below??
    var person1 = new Person('Bob', '15');
    var person2 = new Person('Kevin', '41');
    console.log(person1.getPerson());
    console.log(person2.getPerson());
*/

Answer 1

为您的 Person 类创建一个单独的文件，并将其导入到您需要的位置。然后您就可以像平常一样与您的类(class)一起工作:

// /app/util/Person.js

export default class Person{
    constructor(name, age){
        this.name = name;
        this.age = age;
    }

    getPerson(){
        return "My name is " + this.name + " and I'm " + this.age + " years old";
    }
}


// /app/routes/index.js

import Ember from 'ember';
import Person from '../util/Person';

// ...

const person1 = new Person('Bob', '15');

// ...