Adding options in JavaScript functions that could use later [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

Want to improve this question? As written, this question is lacking some of the information it needs to be answered. If the author adds details in comments, consider editing them into the question. Once there's sufficient detail to answer, vote to reopen the question.

Closed 12 years ago.

Improve this question

I am developing a small JavaScript Framework, I need to know how to add some options to a function, so the user can set his own settings for a particular method.

This is a sample function method i have created

$.prototype = {
  setCenter: function() {

        this.e.style.position = 'absolute';
        this.e.style.top = '50%';
        this.e.style.left = '50%';
        this.e.style.marginLeft = '-50px';
        this.e.style.marginTop = '-50px';
        return this;



    }
};

I am expecting this to be developed to handle the below options sets.

*I am not using JQuery, I need a pure JavaScript Solution for this. This is an example code, maybe not the real thing , but just get the idea.

$('sampleDiv').setCenter({
              animate:true, fade:true
              });

Help me solve this problem, i appreciate anyone who tries to answer this. Thank you !

It sounds like you are looking for an option similar to jQuery's "extend", eg: $.extend({foo: "a", "bar": "b"}, {foo: "extended"}) => {foo: "extended", "bar": "b"}. Would that be accurate? — Will Palmer
– Will Palmer, Commented Jul 31, 2013 at 12:02
@AndrewDex this can be implemented using a simple for...in loop to copy parameters from one object to the other one. — Denys Séguret
– Denys Séguret, Commented Jul 31, 2013 at 12:06

LoremIpsum · Accepted Answer · 2013-07-31 12:21:30Z

1

You could implement your main function this way :

this.doSomething = function() {
    var getDefault = function(args, property, otherwise) {
            return args[property] !== undefined ? args[property] : otherwise;
    };

    this.foo = getDefault(arguments, 'foo', 42);
    this.bar = getDefault(arguments, 'bar', false);
};

So you can call it like that :

this.doSomething({foo: true});

answered Jul 31, 2013 at 12:21

LoremIpsum

4,4381 gold badge17 silver badges17 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:05:17Z

1

Copied the code from this answer

function extend(){
    for(var i=1; i<arguments.length; i++)
        for(var key in arguments[i])
            if(arguments[i].hasOwnProperty(key))
                arguments[0][key] = arguments[i][key];
    return arguments[0];
}

This function can be used for any number of objects.

var newObj = extend(obj1, obj2, obj3, ...);

OR

var newObj = extend({}, obj1, obj2, obj3, ...);

edited May 23, 2017 at 12:05

CommunityBot

11 silver badge

answered Jul 31, 2013 at 12:16

Faisal Sayed

7934 silver badges12 bronze badges

Comments

Ashneil Roy · Accepted Answer · 2013-07-31 12:28:08Z

1

$.prototype = {
  setCenter: function(offset) {

        this.e.style.position = 'absolute';
        this.e.style.top = '50%';
        this.e.style.left = offset + 50 + '%';
        this.e.style.marginLeft = '-50px';
        this.e.style.marginTop = '-50px';
        return this;
    }
};

Use like this

this.setcenter(23);

answered Jul 31, 2013 at 12:28

Ashneil Roy

1545 bronze badges

Collectives™ on Stack Overflow

Adding options in JavaScript functions that could use later [closed]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related