访问JavaScript对象内的函数

Question

访问JavaScript对象内的函数

4

我有一个问题，无法访问对象内的函数。

我的设置如下：

google.setOnLoadCallback(function(){$(document).ready(CareersInit);});

function CareersInit()
{
     CAREERS = new Careers();
     CAREERS.init();
}

function Careers()
{
     this.init = function()
     {
         function initialize() 
         {
             //Usual google maps stuff here
         }
     }

    $('body').bind('onload', function() {
        initialize();
    });
}

使用这种设置，初始化不会运行，但是如果我将我的谷歌地图变量/函数从初始化函数中拿出来，那么它可以工作，但是从谷歌文档中的理解（包含谷歌地图变量/函数等），初始化应始终是一个函数。即使这是正确的方法，找出如何在对象方法内部访问函数仅用于调试目的也是很好的。我认为。

CAREERS.init.initialize();

虽然这样写可以工作，但实际上并没有。

非常感谢任何帮助和建议。

谢谢。

Giles

- Giles Butler

2个回答

0

initialize 是 init 内部的私有函数，这意味着它在 init 外部是无法访问的。

定义两次的目的到底是什么？

 this.init = function()
 {
         //Usual google maps stuff here
 }

- pimvdb

没有特定目的，我只是想知道最好的方法，感谢您的帮助。 - Giles Butler

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- T.J. Crowder · Accepted Answer

< p > initialize 函数是真正私有的，只能在你放置在 this.init 上的函数中访问它。除非你做些事情使其可访问，否则无法从 this.init 外部访问它。

但我认为您不需要那个额外的间接层：

google.setOnLoadCallback(function(){$(document).ready(CareersInit);});

function CareersInit()
{
     CAREERS = new Careers();
     CAREERS.init();
}

function Careers()
{
    var self = this;

    this.init = function()
    {
        //Usual google maps stuff here
    };

    $('body').bind('onload', function() {
        self.init();
    });
}

然而，您的代码试图两次初始化 Careers 实例。您有 Google 的加载回调调用 jQuery 的 ready 函数，该函数然后调用您的 CareersInit 函数，该函数调用 CAREERS.init。但是您还计划了一个单独的页面加载回调来调用 Careers 构造函数。（那个可能会运行，也可能不会，这取决于 Google 何时触发 setOnLoadCallback 回调。）

我会摆脱其中一个对 init 的调用。

在另一个答案的评论中，您说想知道最好的方法是什么。我需要了解更多关于您正在做什么的信息，但我可能会这样做：

(function() {
    // Our single Careers instance
    var CAREERS;

    // Ask Google to call us when ready
    google.setOnLoadCallback(function(){
        // Just in case Google is ready before the DOM is,
        // call our init via `ready` (this may just call
        // us immediately).
        $(document).ready(CareersInit);
    });

    // Initialize our single instance    
    function CareersInit()
    {
         CAREERS = new Careers();
         CAREERS.init();
    }

    // Constructor    
    function Careers()
    {
    }

    // Career's init function
    Careers.prototype.init = Careers_init;
    function Careers_init()
    {
        //Usual google maps stuff here
    }

})();

......除非你只需要一个实例（并且确定不会改变），否则根本不需要构造函数：

(function() {
    // Our data; the function *is* the single object
    var someData;

    // Ask Google to call us when ready
    google.setOnLoadCallback(function(){
        // Just in case Google is ready before the DOM is,
        // call our init via `ready` (this may just call
        // us immediately).
        $(document).ready(CareersInit);
    });

    // Initialize our single instance    
    function CareersInit()
    {
         someData = "some value";
    }
})();

在这里，函数作用域是单个实例；不需要单独的构造函数，使用this玩游戏等。请注意，我们没有创建任何全局变量，someData被限定在匿名函数中。解释器调用该函数时，我们得到了单个对象。

如果您需要多个Career实例，那么很好，请确保使用构造函数路线。但如果不需要，如果您使用已经拥有的对象（函数调用的执行上下文），则会少费事。

离题：强烈建议声明你的CAREERS变量。以你现在的代码为例，你正在成为隐式全局变量的恐怖的牺牲品。