Ember JS如何實現普通的ES6類

Question

我是Ember的新手，我對確切了解“可重用”代碼的去向存有疑問。 根據到目前為止的發現，聽起來這應該是一個實用程序？ 我唯一不知道如何將類（或任何可重用方法）包括在控制器中。

這就是我的追求

示例類（到哪里去？）：

'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類創建一個單獨的文件，並將其導入您需要的位置。 然后，您可以像往常一樣使用課程：

// /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');

// ...