How to initialize an object in javascript?

Question

I would like to initialize an object in javascript..

My code is as follows:

var PageSlider = {

    sliders: [],

    addSlider: function(display, target, itemClass, width, height, itemsPerPage, defaultPage){
        var slideConfig = {
                display : display,
                target : target
        };
        var slider = this.createSlider(slideConfig);
        slider.initSlider();
        this.sliders.push(slider);

    },

    copy : function(obj) {
        if (null == obj || "object" != typeof obj) return obj;
        var copy = obj.constructor();
        for (var attr in obj) {
            if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
        }
        return copy;
    },

    getInstance : function(){
        var copy = PageSlider.copy(PageSlider);
        this.sliders.length = 0;
        return copy;
    }

}

Using the getInstance() method just copy the object. What i need to do is to get the instance of the object.

Help please. Thank you.

The method createSlider - is this supposed to be a function on PageSlider, or is it a function on the object that's creating PageSlider? — Andrew Shepherd
– Andrew Shepherd, Commented Jun 21, 2012 at 23:03
yes. that's correct. i need to make an instance of an object because i'm going to use it three times in one page. The problem is object is not being initialized — newbie
– newbie, Commented Jun 21, 2012 at 23:21
just use the word "new" as in: var slider = new PageSlider(); — Orbiting Eden
– Orbiting Eden, Commented May 13, 2016 at 9:03

Bryan · Accepted Answer · 2012-06-21 22:48:57Z

8

I would recommend prototyping, such as the following

var PageSlider = function() {
    this.sliders = [];
}

PageSlider.prototype.addSlider = function(display, target, itemClass, width, height, itemsPerPage, defaultPage){
    var slideConfig = {
            display : display,
            target : target
    };
    var slider = this.createSlider(slideConfig);
    slider.initSlider();
    this.sliders.push(slider);

}

slider = new PageSlider();

answered Jun 21, 2012 at 22:48

Bryan

6,7522 gold badges19 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

raina77ow · Accepted Answer · 2012-06-21 22:47:46Z

2

PageSlider is an object already. So to get an instance outside of it, just use its name, like this:

var giveMeAnInstanceOfPageSlider = PageSlider;

answered Jun 21, 2012 at 22:47

raina77ow

107k16 gold badges205 silver badges240 bronze badges

Comments

Jeff Robert Dagala · Accepted Answer · 2012-06-21 22:49:19Z

2

You can do it this way since PageSlider is already an object

var pageSlider = PageSlider

answered Jun 21, 2012 at 22:49

Jeff Robert Dagala

6338 silver badges19 bronze badges

Comments

blockhead · Accepted Answer · 2012-06-21 22:47:35Z

1

How about var pageSlider = PageSlider. PageSlider is already an object.

answered Jun 21, 2012 at 22:47

blockhead

9,7053 gold badges46 silver badges69 bronze badges

Comments

user193476 · Accepted Answer · 2012-06-21 22:48:24Z

1

The idea behind the code is that getInstance will copy the object PageSlider, in effect initializing a new, empty object using the values of the existing PageSlider object — equivalent to getting an instance of the object.

This code is kind of strange as it blurs the line between "classes" and objects in JavaScript (kind of similar to what the programming language Io does), and more true to the notion of object prototypes.

answered Jun 21, 2012 at 22:48

user193476

Collectives™ on Stack Overflow

How to initialize an object in javascript?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related