How can I access the function from other namespace?
Eg:
FavoriteFlavor.instructState.prototype = {
test: function() {
// call function show from chooseEmoticonState
// I have tried calling FavoriteFlavor.chooseEmoticonState.show();
}
}
FavoriteFlavor.chooseEmoticonState.prototype = {
show: function() {
}
}
One way would be to call the method directly from the prototype object:
FavoriteFlavor.chooseEmoticonState.prototype.show();
However, any this instance references would not point to an instance of instructState. You can correct this by using the call or apply method, and passing this as the first parameter.
FavoriteFlavor.chooseEmoticonState.prototype.show.call(this);
Also, unless you have a reason not to, you could simple add the show method of the chooseEmoticonState prototype to the instructState prototype.
FavoriteFlavor.instructState.prototype.show = FavoriteFlavor.chooseEmoticonState.prototype.show;
The show function is on FavoriteFlavor.chooseEmoticonState.prototype, not FavoriteFlavor.chooseEmoticonState, so you could call it with:
FavoriteFlavor.chooseEmoticonState.prototype.show();
But given that it's on a prototype, it doesn't really make a lot of sense to call it directly.
What would make sense is to call it on an instance of chooseEmoticonState:
// assume chooseState has been instantiated with
// new FavoriteFlavor.chooseEmoticonState();
chooseState.show();
Or if show() isn't intended to be an instance method, put it directly on FavoriteFlavor.chooseEmoticonState:
FavoriteFlavor.chooseEmoticonState = {
show: function() {
}
};
and then you can call it in the fashion you were trying to before:
FavoriteFlavor.choseEmoticonState.show();
in a different javascript pattern: (just for the sake of diversity)
FavoriteFlavor = {};
FavoriteFlavor.chooseEmoticonState = (function(){
//private
var myprivate = "im private";
function show(){
alert("goo")
}
return {
show : show //its making me public
}
})();
FavoriteFlavor.instructState = (function(){
//private
var myprivate = "im private";
FavoriteFlavor.chooseEmoticonState.show();
})();
function show() you are making it public, now FavoriteFlavor.chooseEmoticonState.show its public
prototypeor are you allow to use a different pattern of javascript??