Using nested function with dot operator in js

Question

Hey guys am new to javascript app development..My code

var obj = {
    models: "AN",
    collection: {},
    person: {},

    changeDetails: function(values, babes) {
        obj.person.name = values.name;
        obj.person.age = values.age;
    }

    babe: function() {
        return 5;
    }
};

When i called it like obj.changeDetails({name:"George",age:20}).babe()); it throws me error like Uncaught SyntaxError: Unexpected identifier

Is it possible in javascript to call like objectname.functionname.().anotherfunctionname()??.If its possible please post it as an answer showing its demonstration..

Thanks

@thefourtheye, not sure it was a good idea to add in that missing comma in your edit. That might have been part of the problem... — Andy
– Andy, Commented Jul 24, 2014 at 15:43
You can read about function chaining (i.e. in jQuery) to learn more. — Dmitry Volokh
– Dmitry Volokh, Commented Jul 24, 2014 at 15:46

Jonast92 · Accepted Answer · 2014-07-24 15:50:48Z

You got 2 syntax errors and 1 logic error

You're missing a comma (,) after

changeDetails: function (values, babes) {
    obj.person.name = values.name;
    obj.person.age = values.age;
}

So it should be

var obj = {
   models: "AN",
    collection: {},
    person: {},
    changeDetails: function(values, babes) {
        obj.person.name = values.name;
        obj.person.age = values.age;
    },
    babe: function() {
        return 5;
    }
};

Also, you got one too-many right parenthesis ()) after

obj.changeDetails({name:"George",age:20}).babe());

It should be

obj.changeDetails({name:"George",age:20}).babe();

Finally, to be able to call the method babe of the object you must return it within the changeDetails function, it makes sense to use this in this context.

Final Solution

var obj = {
    models: "AN",
    collection: {},
    person: {},

    changeDetails: function(values, babes) {
        this.person.name = values.name;
        this.person.age = values.age;
        return this;
    },
    babe: function() {
        return 5;
    }
};
obj.changeDetails({name:"George",age:20}).babe();

gen_Eric · Accepted Answer · 2014-07-24 15:43:32Z

3

changeDetails doesn't return anything. You can't call .babe() on nothing.

var obj = {
    models: "AN",
    collection: {},
    person: {},

    changeDetails: function(values, babes) {
        obj.person.name = values.name;
        obj.person.age = values.age;

        return obj;
    },

    babe: function() {
        return 5;
    }
};

Now you can chain stuff, since changeDetails returns an object:

obj.changeDetails({name:"George",age:20}).babe();

answered Jul 24, 2014 at 15:43

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

Wex · Accepted Answer · 2014-07-24 15:42:56Z

2

You simply want to return this:

changeDetails: function(values, babes) {
    obj.person.name = values.name;
    obj.person.age = values.age;
    return this;
},

answered Jul 24, 2014 at 15:42

Wex

15.7k10 gold badges68 silver badges108 bronze badges

Comments

Alex · Accepted Answer · 2014-07-24 15:42:53Z

0

This is chaining, you must return the obj in every it method:

var obj = {
    models: "AN",
    collection: {},
    person: {},
    changeDetails: function (values, babes) {
        obj.person.name = values.name;
        obj.person.age = values.age;
        return obj;
    },
    babe: function () {
        return 5;
    }
};

answered Jul 24, 2014 at 15:42

Alex

11.3k13 gold badges53 silver badges64 bronze badges

1 Comment

user3869069 Over a year ago

how can i call this function ??

thefourtheye · Accepted Answer · 2014-07-24 15:44:00Z

0

Yes, it is very well possible. You just need to design your functions in such a way that, they allow chaining of functions possible. For example,

changeDetails: function(values, babes) {
    obj.person.name = values.name;
    obj.person.age = values.age;
    return obj;                            # Return the `obj`
},

Now, the result of the function call changeDetails is obj, which has babe function now. So, you can invoke it like this

obj.changeDetails({
    name: "George",
    age: 20
}).babe();

Also note that, you don't use the second parameter babes in the changeDetails function. So, you can drop that parameter.

answered Jul 24, 2014 at 15:44

thefourtheye

241k53 gold badges466 silver badges505 bronze badges

Comments

Drew Dahlman · Accepted Answer · 2014-07-24 16:54:20Z

0

I have to say if you're assigning babe status you should at least be returning an 8 - 10 like so - Also you need to return obj in your change details.

var obj = {
    models: "AN",
    collection: {},
    person: {},

    changeDetails: function(values, babes) {
        obj.person.name = values.name;
        obj.person.age = values.age;
        return obj;
    }

    babe: function() {
        return Math.floor((Math.random()*(10-8+1)+8))
    }
};

edited Jul 24, 2014 at 16:54

answered Jul 24, 2014 at 15:46

Drew Dahlman

4,9651 gold badge24 silver badges34 bronze badges

1 Comment

Andy Over a year ago

You're missing a comma.

Collectives™ on Stack Overflow

Using nested function with dot operator in js

6 Answers 6

Comments

Comments

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related