Question

我在这里要做的是，我有以下课程

function Session(){
    this.accounts = {};
    this.setupAccounts = function(res){
        this.accounts = res;
        log(res);
        log(this.accounts);
    };

    this.test = function(){
        log(this.accounts);
    };
}

类会话有一个属性帐户，它将保存某些数据。但是为了初始化它，我将它初始化为一个空对象。

接下来，我调用方法setupAccounts来修改帐户的值。例如，我读取一个文件，加载它的数据，然后将这些数据存储在帐户中。

但我有范围问题。

例如以下代码：

var session = new Session();
var user_account_path = '/adata/user_accounts.json';
loadJsonFile(user_account_path)
     .then(session.setupAccounts);
session.test();

所以我在上面的代码中正在做的是将文件的内容作为Json对象获取，然后我将该数据传递给方法setupAccounts，以便将该数据存储在变量帐户中。但我的输出如下所示：

Object {arjrule3: Object}  // printing the json object read from file
Object {arjrule3: Object}  // locally changed value of accounts
console.log(session.accounts) // printing global value of accounts
{} // value has not changed.

我做错了什么？为什么对象会话的帐户值不变？

如果我按以下方式编写代码，那么有趣的事情就发生了：

var session = new Session();
var user_account_path = '/adata/user_accounts.json';
loadJsonFile(user_account_path)
   .then(function(res){
      session.setupAccounts(res);  // Change Here
   });

输出：

Object {arjrule3: Object}
Object {arjrule3: Object}
session.accounts
Object {arjrule3: Object}  // works! Why ?

它有效，为什么会这样？

Answer 1

var session = new Session();
var user_account_path = '/adata/user_accounts.json';
loadJsonFile(user_account_path)
 .then(session.setupAccounts);
session.test();

在上面的示例中，您只是将函数“setupAccounts”作为回调传递。你需要先绑定它，例如。

var session = new Session();
var user_account_path = '/adata/user_accounts.json';
loadJsonFile(user_account_path)
 .then(session.setupAccounts.bind(session));
session.test();

您添加的另一个示例有效，因为您在会话对象上调用“setupAccounts”函数，而不仅仅是传递对它的引用。

修改javascript类属性

1 个答案: