How to use javascript namespaces?

Question

I am trying to figure out JavaScript namespaces... I would like to write couple of functions and secure them in namespaces like below.. but I think I don't get it very well..This is too simple question but it will be clear for me I guess If I see why that doesn't work..

Here an exp that I am trying:

var myApp = { 
    getTxt: function(x){
        x.click(function(){
        var txt = $(this).html();
        alert(txt);
        });
    };    
};

call myApp:

var box = $('.js-box');
alert(myApp.getTxt(box));

I think MyApp is created rightly but I am not sure about calling and firing the getTxt function..

Calling that:

  myApp.getTxt(box)

doesn't mean to fire x.click function..? Why does it turn an object?

What am I doing wrong here? Thanx!

http://jsfiddle.net/67b02cht/1/

Why do you think you are doing something wrong? Which problem do you encounter? — Felix Kling, Aug 24 '14 at 06:42
You show what you're doing, but you don't say what you're seeing or what you're expecting. Could you add more info? — Chris Tavares, Aug 24 '14 at 06:42
Again: why? Is something happening that you don't expect? If so, what is it? — Felix Kling, Aug 24 '14 at 06:43

Mritunjay · Accepted Answer · 2014-08-24T06:56:52.793

0

You are defining myApp as an object, So here is a problem, You are giving ; after defining the field, which you can't. It'll cause a syntax error.

var myApp = { 
    getTxt: function(x){
        x.click(function(){
        var txt = $(this).html();
        alert(txt);
        });
    }                //<<<<-------------here was a semicolon,
};

And you are calling the function like bellow in alert it will cause an undefined alert because you are not returning anything from the function. Just call

myApp.getTxt(box)

And it will show the content on click.

DEMO

edited Aug 24 '14 at 06:56

answered Aug 24 '14 at 06:50

Mritunjay

25,338
7
55
68

Oke that s right but I still get undefined.. why is that? – Mar Aug 24 '14 at 06:55
@rene mostly it does but in some cases, it doesn't & this is one of them. – Mritunjay Aug 24 '14 at 06:57
@Mar I didn't get what is `this.txt`? – Mritunjay Aug 24 '14 at 06:59
Sorry:) a fault! Thnx for the demo! I get it now! I alert in my getTxt function and When I call it alert again.. – Mar Aug 24 '14 at 07:00

score 0 · Answer 2 · answered Aug 24 '14 at 08:27

How about a modular approach.

var MyApp = MyApp || {};
MyApp.Module = (function () {
  function App() {
  }
  App.prototype.getTxt = function(x){
    //your code here
  }
  return App;
})();

Use it this way:

var box = $('.js-box');    
alert(new MyApp.Module.getTxt(box));

How to use javascript namespaces?

2 Answers2