AngularJS工厂对象被引用

时间:2018-10-24 12:02:18

标签: javascript angularjs oop

我按照的教程创建了AngularJS工厂

https://medium.com/opinionated-angularjs/angular-model-objects-with-javascript-classes-2e6a067c73bc

问题是,没有创建新对象,并且值已更新为先前的对象,这是我的代码

let t1 = new Transaction({
  id : '123'
})
let t2 = new Transaction({         
  id : '1234'
})

console.log(t1.getId()) // Suppose to get 123 but getting 1234
console.log(t2.getId()) // Getting 1234

这是我的工厂:

.factory('Transaction',function(){
    let _data = {};

    Transaction.prototype.getId = getId


    function Transaction(params) {                 
        _data.id = params.id ? params.id : '';

    }

    function getId() {
        return _data.id;
    }

    return Transaction

});

t1.getId()下,我想得到'123',但我却得到'1234'。

1 个答案:

答案 0 :(得分:1)

_dataTransaction的两个实例之间的共享对象,它的行为完全正确,每次实例化一个新的Transaction时,id都将覆盖先前的ID,而您总是以最后一个结尾。

要获得预期的行为,请_data作为实例字段。

factory('Transaction',function(){

    Transaction.prototype.getId = getId


    function Transaction(params) {
        this.data = {};                
        this.data.id = params.id ? params.id : '';

    }

    function getId() {
        return this.data.id;
    }

    return Transaction

});