如何在另一个函数内部访问一个函数

Question

How do I call the inner function from outside in the following code ?

(function (){
    var funOne = {
        funTwo : function (){
            var funFour = function(){
                console.log('inner function working');
            }
        },
        funThree : function () {
            console.log('working');
        }
    }
    funOne.funTwo(); // works
    funOne.funThree(); // works again
    funOne.funTwo.funFour(); // throwing exception

    })();

Answer 1

You have a scoping issue with funFour compounded by trying to define funTwo act as a function ( funOne.funTwo() ) and an object ( funOne.funTwo.funFour() ).

Here are 2 options to get access to funFour:

1. Let funTwo make funFour accessible at the more accessible level (for example, via funOne).
2. Have funTwo return funFour within an object. You still have to add the parenthesis to actually call funTwo() in your output.

How to change funTwo:

    funTwo : function (){
        var funFour = function(){
            console.log('inner function working');
        };
        funOne.funFour = funFour; // Option 1
        return { 'funFour': funFour }; // Option 2
    },

How to call each option:

funOne.funFour(); // Option 1
funOne.funTwo().funFour(); // Option 2

Answer 2

There is no way to access Local variable (var funFour) of function funTwo from outside. If you want to use funFour at outside of function funTwo, you need to declare funFour as Global variable .

Edited code is here.

(function (){
    var funFour;
    var funOne = {
        funTwo : function (){
            funFour = function(){
                console.log('inner function working');
            }
        },
        funThree : function () {
            console.log('working');
        }
    }
    funOne.funTwo(); // works
    funOne.funThree(); // works again
    funFour(); // Call function funFour here

    })();