javascript - 想要在加载函数之外使用 Clippy.JS 的代理对象

Question

我正在使用Clippy.JS，这是一个有趣的小型Javascript库，可以复活微软的助手。

假设我想召唤巫师梅林:

clippy.load('Merlin', function(agent){
    // do anything with the loaded agent
    agent.show();
    agent.moveTo(100,100);
    agent.speak("Arthur, you are the chosen one to slay the dragon");
});

这很有效并且很容易实现。当我想要移动 Merlin 时，问题就出现了:

$( "#target" ).click(function() {
     agent.moveTo(333,333);
}); 

代理对象未在此范围内初始化，我不知道加载后如何检索代理对象。

控制台出现此错误:

Uncaught ReferenceError: agent is not defined 

Answer 1

agent 不是全局变量，仅在代理回调函数中可用。

要解决这个问题，您需要在回调函数之外创建一个变量，然后使用它来全局操作代理。

以下内容应该有效。

//define the personal agent outside the callback function
let merlin;

clippy.load('Merlin', function(agent){
    merlin = agent;
    merlin.show();
    merlin.moveTo(100,100);
    merlin.speak("Arthur, you are the chosen one to slay the dragon");
});

$( "#target" ).click(function() {
     merlin.moveTo(333,333);
});