代码之家 › 专栏 › 技术社区 › Luke Vo

在javascript中,是否可以创建具有动态(待定)属性/成员的对象?

dynamic object javascript

Luke Vo · 技术社区 · 7 年前

我尝试用javascript实现这一点:

var a = new MyObj();
console.log(a.Foo()); // Print Foo
console.log(a["Bar"]()); // Print Bar

基本上,我事先不知道所需的属性/成员名,但取决于我返回的调用,有点类似于c# ExpandoObject (动态)。

是否可以在javascript中创建这样的对象?

注:我知道有可能添加但是,在我的例子中,我不知道需要添加哪些属性。

a.Foo = () => { return "Foo"; }

这不可能,因为我不知道 Foo 需要。

3 回复 | 直到 7 年前

Nina Scholz 7 年前

你可以用一个 Proxy 只实现一个getter,方法是返回一个函数,该函数是键上的闭包。

var a = new Proxy({ baz: 42 }, {
        get: function (target, prop, receiver) {
            return prop in target
                ? () => target[prop]
                : () => prop;
        }
    });

console.log(a.Foo());    // Foo
console.log(a["Bar"]()); // Bar
console.log(a.baz());    // 42

Akhil Aravind 7 年前

对不起,我搞错了,现在看一看这个片段,希望这就是你要看的。

你现在可以检查这个片段吗?

let a = {}; // object
a.Foo = ()=> {return 'foo'};
a.Bar = ()=> {return 'bar'};

a.address = {}; // object inside object
a.address.houseno = '122';

console.log(a.Foo()); // Print Foo
console.log(a["Bar"]()); // Print Bar
console.log(a.address.houseno)

-2

ZER0 7 年前

在现代浏览器中,你可以做到这一点。 Proxy :

下面是一个实现您所描述内容的示例:

const o = new Proxy({}, {
  get(obj, name) {
    return () => name
  }
});

在特定情况下,您没有要“代理”的原始对象,但您可能希望在上面的链接中阅读更多内容,以便添加您想要的所有陷阱。

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

6 月前

ShaAnder · 为什么sqllachemy返回的是类而不是字符串

8 月前

D_chez12 · 如果对象键值为空,则过滤掉数组中的对象

8 月前

Mohit · React useContext():当试图在useContext(()api中执行函数以获取数据时,对象作为React子对象无效

8 月前

Powl_London · Javascript Object,返回一个新数组,其中包含与该对象匹配的索引[重复]

8 月前

MeltingDog · 如何检索嵌套的JS对象并通过索引获取其数据?

8 月前

London28 · Javascript,映射一个对象数组以返回新数组[重复]

1 年前

bolthy · 将数据帧中的值从对象转换为整数/浮点数,但它们仍作为对象运行

1 年前

SamCharles · 在JavaScript的对象数组中查找对象数组中不区分大小写的子字符串

1 年前

VonDerHase · 从列表中删除特定值,Python

1 年前