Javascript 以更短的方式调用 JSON 对象内的类的成员函数

发布于09月05日

我的代码如下:

class myClass
{
    constructor()
    {
        this.memberVar1="";
        this.memberVar2="";
    }

    memberFunction1()
    {
        // memberFunction1 code
    }
}

var myObj = {
    objVar1 : someJsonObject,
    objVar2 : new myClass()
}

而不是调用成员函数和成员Var1，而是类似于

myObj.objVar2.memberVar1;
myObj.objVar2.memberFunction1();

我希望这样称呼他们:

myObj.memberVar1;
myObj.memberFunction1();

我有什么办法可以重组myObj来实现这一点吗？

Thanks in advance个

推荐答案

函数是Java脚本中的第一类对象，而Java类的成员只是一个对象，所以没有什么可以阻止您将myObj.memberFunction1设置为您喜欢的任何引用，包括someJsonObject.memberFunction1，但是您需要知道，this的行为将根据您设置引用的方式而有所不同.这对于使您的memberFunction根据上下文正确运行可能很重要.

class myClass
{
    constructor()
    {
        this.memberVar1="";
        this.memberVar2="";
    }

    memberFunction1()
    {
        // memberFunction1 code
    }
}

let someJsonObject = {
    memberFunction1: function(source) {
        if (this === myObj) { console.log(`${source}: "this" is myObj`) }
        else if (this === someJsonObject) { console.log(`${source}: "this" is someJsonObject`) }
        else { console.log('JavaScript interpreter is insane') }
    }
}

var myObj = {
    objVar1 : someJsonObject,
    objVar2 : new myClass(),
    memberFunction1: someJsonObject.memberFunction1 // the assignment will cause "this" to point to myObj

}


console.log('==== setting the reference (changes this) ====')
myObj.memberFunction1('myObj')
someJsonObject.memberFunction1('someJsonObject')
myObj.objVar1.memberFunction1('myObj.objVar1') // myObj.objVar1 is === someJsonObject
myObj.keepThis = myObj.memberFunction1 // You can hang onto the "myObj" referenced version of the function if you want
console.log('==== binding to someJsonObject ====')
myObj.memberFunction1 = myObj.memberFunction1.bind(someJsonObject) // using bind will make "this" point to whatever you like (i.e someJsonObject)
myObj.memberFunction1('myObj')
someJsonObject.memberFunction1('someJsonObject')
myObj.objVar1.memberFunction1('myObj.objVar1')
myObj.keepThis('myObj.keepThis')