JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何创建一个可以在多个级别引用的类/对象大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经阅读了许多在 javascript中制作临时课程的方法.我正在尝试创建一个巨大的项目列表,每个项目都有各种变量.我需要能够从此列表中调用某个对象的属性.
以下代码编译,但当第9行尝试访问items.yspeed1.name时,它会创建名为“undefined”的按钮.我不知道如何在这样的javascript中访问函数的变量.
var itemslist = function(){
    this.yspeed1 = function(){
        this.name = 'Yellow Upgrade';
        this.price = 50;
    }
    this.yspeed2 = function(){
        this.name = 'Blue Upgrade';
        this.price = 25;
    }
}

var newitem = document.createElement('button');
newitem.innerHTML = items.yspeed1.name;
shop.appendChild(newitem);

解决方法

当您使用state定义可重用结构时,可以在JS中使用类,即您可能拥有类的多个副本(实例).

你所拥有的只是具有属性的单个对象(单个实例)的定义.所以请改用Javascript构造:

var itemslist = {
    yspeed1: {
        name: 'Yellow Upgrade',price: 50
    },yspeed2: {
        name: 'Blue Upgrade',price:  25
    }
}

现在你有一个具有两个属性的对象 – yspeed1和yspeed2.每个人都有自己的名称和价格属性.

如果要扩展该对象,只需添加到该对象,例如itemslist.yspeed3 = {hello:’world’};

大佬总结

以上是大佬教程为你收集整理的javascript – 如何创建一个可以在多个级别引用的类/对象全部内容,希望文章能够帮你解决javascript – 如何创建一个可以在多个级别引用的类/对象所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: