最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - How to create multiple instances of JS ClassObject? - Stack Overflow

programmeradmin2浏览0评论

I would like to create multiple instances for apple in below code. how to achieve it. I don't want to change my object defining style.

var apple = {
    type: "macintosh",
    color: "red",
    getInfo: function () {
        return this.color + ' ' + this.type + ' apple';
    }
}

Thanks In Advance.

I would like to create multiple instances for apple in below code. how to achieve it. I don't want to change my object defining style.

var apple = {
    type: "macintosh",
    color: "red",
    getInfo: function () {
        return this.color + ' ' + this.type + ' apple';
    }
}

Thanks In Advance.

Share Improve this question edited Mar 7, 2014 at 10:00 row1 5,5883 gold badges48 silver badges73 bronze badges asked Mar 7, 2014 at 8:48 Ganesh KGanesh K 2,7039 gold badges54 silver badges81 bronze badges 1
  • You will need to clone your object, in that case. – MD Sayem Ahmed Commented Mar 7, 2014 at 8:50
Add a ment  | 

5 Answers 5

Reset to default 3

You can use this

function giveMeApple() {
    var apple = {
    type: "macintosh",
    color: "red",
    getInfo: function () {
        return this.color + ' ' + this.type + ' apple';
      }
    }

    return apple;
}

var apple1 = giveMeApple();
var apple2 = giveMeApple();

// Do something with apples 

I suggest a constructor function for creating instances:

function apple(type, color){
    this.type = type;
    this.color = color;
}

apple.prototype.getInfo = function(){
    return this.color + ' ' + this.type + ' apple';
};

var apple1 = new apple('mac', 'red');
apple1.getInfo();

http://jsfiddle/6S5b5/

You can use Object.create:

The Object.create() method creates a new object with the specified prototype object and properties.

var apple = {
    type: "macintosh",
    color: "red",
    getInfo: function () {
        return this.color + ' ' + this.type + ' apple';
    }
}

var otherApple = Object.create(apple);

If you need to support < IE 9, the above link contains a polyfill.

var Apple = function () {

            var AppleType = null;
            var AppleColor = null;
            var self = this;

            var OutPutAppleInfo = function () {
                var String = 'My Apple is ' + AppleType + ' And It Is ' + AppleColor + ' In Color.';
                console.log(String);
            }

            return {

                SetAppleColor: function (obj) {
                    AppleColor = obj;
                },
                SetAppleType: function (obj) {
                    AppleType = obj;
                },
                PrintAppleInfo: function () {
                    OutPutAppleInfo();
                }
            };
        }


        function Init()
        {
            var Apple1 = new Apple();
            var Apple2 = new Apple();
            var Apple3 = new Apple();

            Apple1.SetAppleColor('Yellow');
            Apple2.SetAppleColor('Green');
            Apple3.SetAppleColor('Red');

            Apple1.SetAppleType('macintosh');
            Apple2.SetAppleType('Food');
            Apple3.SetAppleType('Model');

            console.log('Apple1');
            Apple1.PrintAppleInfo();
            console.log('Apple2');
            Apple2.PrintAppleInfo();
            console.log('Apple3');
            Apple3.PrintAppleInfo();

        }

Usually, this would be a case where constructor functions e in handy. Johan's answer contains those. But since you don't want to change your object: Here you have another answer.

In addition to the answer of blunderboy you can also clone the object. There is no native function to do so, but it is easy to write one yourself.

function cloneObject(obj) {
    var obj2 = {},
        i;

    // Take every property of obj
    for (i in obj) {
        if (obj.hasOwnProperty(i)) {

            // And give obj2 the same property with the same value
            obj2[i] = obj[i];
        }
    }
}

apple2 = cloneObject(apple);
发布评论

评论列表(0)

  1. 暂无评论