I was wondering if it is possible to do the following:
worker.name("John").salary(100)
Basically, this changes the worker's(John's) salary to 100.
Is there a way to define a function in a function?
Can you tell me the method and explain it?
-
2Ans :yes..It possibleDeepak Ingole– Deepak Ingole2014-03-22 05:27:05 +00:00Commented Mar 22, 2014 at 5:27
-
@Pilot Can you tell me the method and explain it?Lok Jun– Lok Jun2014-03-22 05:27:38 +00:00Commented Mar 22, 2014 at 5:27
-
That's not a function in a function. Just return something you can call the next method on. Method chaining.Dave Newton– Dave Newton2014-03-22 05:28:25 +00:00Commented Mar 22, 2014 at 5:28
-
define object worker with nested method returning method againDeepak Ingole– Deepak Ingole2014-03-22 05:28:28 +00:00Commented Mar 22, 2014 at 5:28
-
Have you checked: phpied.com/3-ways-to-define-a-javascript-class ?user1552586– user15525862014-03-22 05:28:38 +00:00Commented Mar 22, 2014 at 5:28
|
Show 1 more comment
3 Answers
This is often times called chaining. Essentially, each method returns the parent object:
var worker = {
name: function ( name ) {
this._name = name;
return this;
},
salary: function ( salary ) {
this._salary = salary;
return this;
}
};
worker.name("Jonathan").salary("$1");
alert( worker._name );
alert( worker._salary );
You'll note that each method returns the object. This is made very clear in the following screenshot. If we console output the results of calling the name method, we see that the entire worker object is returned:
1 Comment
Lok Jun
I didn't know this was possible until now.
Create a constructor function like:
var Worker = function(){
};
Worker.prototype.name = function (name){
this.name = name;
return this;
};
Worker.prototype.salary = function (salary){
this.salary = salary;
return this;
}
Now above constructor function can be used as:
var worker = new Worker();
worker.name("John Doe").salary(100);
This is possible:
var worker = {
nameVar: null,
salaryVar: null,
name: function(name) {
this.nameVar = name;
return this;
},
salary: function(salary) {
this.salaryVar = salary;
return this;
}
}
Each method modifies the object, and returns this, which is the object. Then you can call another method, like in your example, without writing the object name explicitly.
Alternatively, you can implement a .clone method, and instead of this, return the clone with a modified property. This would be somewhat similar to the way jQuery works.
