I am not able to access object function using variable name?

Question

I am beginner to Javascript, Trying to access object function using variable name but its giving some error. this is just dummy code if some one can correct me what I am doing worng here.. What is best method to do it.

<html>
    <head>  
        <title>Pub/Sub Test</title> 
    </head>
    <body>  
        <div id="wrap1" data-components="tooltip">
            <p><h1>pubsubz Test</h1>
            <p>Run with Firebug or a console simulator open.</p></p>
        </div>
        <div id="wrap2" data-components="tooltip">
            <p><h1>pubsubz Test</h1>
            <p>Run with Firebug or a console simulator open.</p></p>
        </div>
        <div id="wrap3" data-components="tooltip">
            <p><h1>pubsubz Test</h1>
            <p>Run with Firebug or a console simulator open.</p></p>
        </div>

        <script type="text/javascript" src="jquery-1.6.4.min.js"></script>

        <script>
            var r=r||{};
            (function(tooltip,$,w,d,undefined){
                var pos,
                attr="data-options",
                defaultSetting = {
                    horizontal : true,
                    vertical : "above"
                };
                tooltip.init = function($el){
                    alert("hello");
                }
            })(r.tooltip = r.tooltip || {},jQuery,window,document);

            (function(r,$){
                var els = {
                    $body : $('body')
                };
                // identify modules
                var $modules = els.$body.find('[data-components]');
                // create queue from modules
                $modules.each(function(i,v){
                    var $module=$(this).data('components'); //value = tooltip
                    //want to excute r.tooltip.init() function but there is some error - $module contain value tooltip
                    r.$module.init();
                });
            })(r=r||{},jQuery);
        </script>
    </body>
</html>

possible duplicate of Use javascript variable in object name or javascript object, access variable property name? or Using a variable as part of a javascript object property — Matt
– Matt, Commented Mar 16, 2012 at 15:38
for dynamic values you can not access the property with dot notation, access the property as Jon has stated. — Ehtesham
– Ehtesham, Commented Mar 16, 2012 at 15:42

Jon · Accepted Answer · 2012-03-16 15:38:06Z

5

When you want to access a property whose name you have in a variable, the correct form is

r[$module].init();

answered Mar 16, 2012 at 15:38

Jon

439k85 gold badges756 silver badges820 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

I am not able to access object function using variable name?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related