Saturday, May 11, 2024
 Popular · Latest · Hot · Upcoming
140
rated 0 times [  143] [ 3]  / answers: 1 / hits: 16559  / 14 Years ago, sat, january 22, 2011, 12:00:00

In Javascript, I would like to define a class with an inner (or nested) class. Within the inner class I'd like to be able to get access to the parent instance. How can I do this efficiently?



Some code will show what I mean. Suppose I define a class, MyType1, which exposes several properties and one function, SayHello:



(function(){
MyType1 = function(name){
this.TypeName = MyType1;
this.Name = name;
};

MyType1.prototype.SayHello = function() {
say(this.Name + says hello...);
};
})();


Ok, now, starting from there, I want to add an inner class to MyType1, so I add some new code so that it looks like this:



(function(){
MyType1 = function(name){
this.TypeName = MyType1;
this.Name = name;
var parentName = name;
this.Child = function(name) {
this.Description = parentName + 's child, + name;
};

this.Child.prototype.Introduce = function() {
say(this.Description + , greets you...);
};
};

MyType1.prototype.SayHello = function() {
say(this.Name + says hello...);
};
})();


Now I can use these classes like this:



var x = new MyType1(Victor);
x.SayHello();

var c = new x.Child(Elizabeth);
c.Introduce();





that all works. But it defines a new Child function (or type, if you like) for every instance of MyType1. What I'd like to do is get access to the parent class scope, without resorting to that inefficiency.
Something like this:



(function(){
MyType2 = function(name){
this.TypeName = MyType2;
this.Name = name;
this.Prop1 = 1872;
var parentName = name;
};

MyType2.prototype.SayHello = function() {
say(this.Name + says hello...);
};

var c1 = function(name) {
this.Description = parentName + 's child, + name;
// ^^ no go! ^^
};

c1.prototype.Introduce = function() {
say(this.Description + , greets you...);
};

MyType2.prototype.Child = c1;

})();


But, this doesn't work. The parentName var is out of scope, of course.



Is there an efficient way for the Child instance (in the constructor, or in any class function) to gain access to the parent (MyType2) instance?






I know that I could define the Child class to be an independent, non-nested class, then in the ctor for that, just pass the Parent instance. But this creates N references to the parent instance, one for every Child instance. That seems like an inefficiency I'd like to avoid.



thanks for any tips.






EDIT - the reason I want the Child to have access to the parent instance, is that the parent holds an object that is fairly expensive to create - something like a db connection - and I'd like the child to be able to utilize that thing.


More From » oop

 Answers
6

It would probably help you out if you do away with notions like type, class, etc. when dealing with javascript. In javascript, there is no differentiation from type, class, function, instance, or object -- it's object all the way down.



Since every type is an object and is mutable, you get nothing of the sort of strong-typed efficiency gains you might get from Java or C++ by reusing a single type definition. Think of the new operator in javascript as something like clone the definition and call the constructor, after which the definition of the instance could still be changed.



So go with your first, working example: you won't get any gains by doing something different.


[#94099] Thursday, January 20, 2011, 14 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
harleyaleenag

Total Points: 678
Total Questions: 121
Total Answers: 105

Location: Papua New Guinea
Member since Thu, Jul 9, 2020
4 Years ago
harleyaleenag questions
Thu, May 5, 22, 00:00, 2 Years ago
Wed, Aug 19, 20, 00:00, 4 Years ago
;