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

admin管理员组

文章数量:1355925

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.

• javascript

Share Improve this question Follow edited Mar 7, 2014 at 10:00 row1 5,58833 gold badges4848 silver badges7373 bronze badges asked Mar 7, 2014 at 8:48 Ganesh KGanesh K 2,70399 gold badges5454 silver badges8181 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

Sorted by: 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);

本文标签： javascriptHow to create multiple instances of JS ClassObjectStack Overflow