How to access a function which is not global and it exist in another js file?

Question

I have the following js files and I want to access one function from another function but I call it in another js file. I receive this error when I call it Uncaught ReferenceError: vidPause is not defined.

(function($) {
    $.fn.controlls = function(opt) {
    ......
    function init() {
    .....
    }
    function vidPause(e){
       e.stopPropagation();
       $.fn.controlls.toggleBarPlayingButtons('pause');
       video.pause();
    }
    .....

From this js file I want to call vidPause in the following function in another js file

function myFunction(e) {
    if (video) {
        $('video').controlls(vidPause());

Possible duplicate of [Include a JavaScript file in another JavaScript file?](http://stackoverflow.com/questions/950087/include-a-javascript-file-in-another-javascript-file) — Ziki, Nov 10 '15 at 10:49
This is how it is made. First is loading the the script.js then controlls.js — Markus Hayner, Nov 10 '15 at 10:53
myFunction won't have access to vidPause because it's not accessible from an outer scope than your IIFE. You have to load your other file using s.getScript from example in order to make this work. — Stranded Kid, Nov 10 '15 at 11:19
ok, and in the end is there any way to grab function which sits in another function? — Markus Hayner, Nov 10 '15 at 12:05

score 0 · Answer 1 · answered Nov 10 '15 at 12:17

This issue is scope.

init() and vidPause() are private to the (function($) { call. They will not be directly accessible the way you are trying to access them.

Many jquery plugins use text (not my preference, but that's how they work), eg $.dialog("open"), so you could do something like that (not sure if opt is meant to mean action, so update accordingly) :

(function($) {
    $.fn.controlls = function(action, opt) {
        switch (action) {
            case "pause":
                vidPause(opt);
                break;
            ...

usage

$('video').controlls("pause");

It might be possible to add the methods as if using namespaces, but I've not seen this in plugins so depends on what you are doing with your plugin (ie releasing it) whether you want to be consistent, eg:

(function($) { 
    $.fn.controlls = {};
    $.fn.controlls.pause = function(opt) {
        video.pause();
        ...

usage

$('video').controlls.pause()

How to access a function which is not global and it exist in another js file?

1 Answers1