如何在另一个函数中访问对象函数

Question

在我的buildEstat函数中 ，我建立了脚本元素，然后等待它加载...然后调用eSloaded（），它将在var contentStreamTag上创建一个对象。

Object {} 
    - notifyPlayer: function()
    - post: function()
    - set: function()

我的问题是，在我的bindEvents（）函数中 ，我有一些播放/暂停/静音功能。 在那些播放/暂停/静音功能中，我需要在var contentStreamTag内部使用一些对象功能，例如发布/设置功能

我很难解决这个问题。 如果我的问题令人困惑或没有道理，请告诉我。

     buildEstat: function() {

        var eS = document.createElement('script');
        eS.type = 'text/javascript';
        eS.async = true;
        eS.src = ('https:' === document.location.protocol ? 'https://' : 'http://') + 'prof.estat.com/js/mu-5.1.js';

        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(eS, s);

        if (eS.addEventListener) {
            eS.addEventListener('load', function() {
                eSloaded();
            }, false);
        } else {
            console.log('something not working')
        }

        function eSloaded() {
            var contentStreamTag = new eStatTag(confStreamingAnalytics);    
            // console.log(contentStreamTag);            
        }
    },

    bindEvents: function() {
        var self = this;

        this.buildEstat(function(){

        });

        this.dom.play.click(function() {
            $(this).css('display', 'none');
            $('.gp_pause').css('display', 'block');
            self.sound.play();

        });
        this.dom.pause.click(function() {
            $(this).css('display', 'none');
            $('.gp_play').css('display', 'block');
            self.sound.unload();
            self.sound.stop();

        });

        this.dom.mute.click(function() {
            self.sound.toggleMute();
            $(this).toggleClass('muted');
        });

        $('#goomplayer').addClass('animated bounceInUp');

    },

Answer 1

contentStreamTag是eSloaded函数内部的var。 这意味着一旦该函数完成，该变量将不再存在。 如果希望它更具持久性，则需要将其存储在更全局的级别上，既可以作为全局变量，也可以存储在localStorage中。

Answer 2

Javascript变量在定义它的函数中作用域。

要访问父作用域中的变量，可以将声明移到父作用域中：

function parent(){
    var foo;
    function innerScope(){
        foo = 'bar';
    }
    innerScope();
    console.log(foo);
}

这会增加代码的复杂性，因为该变量将存在于父作用域中，但在调用innerScope之前不会被初始化。 可以解决这个问题，例如将innerScope变成一个对象，并将foo变成它的属性。 但是，确切的解决方法取决于您的代码如何工作以及如何使用的更多信息。