如何从 Javascript 执行 YUI 函数？

Question

我如何从 javascript 调用包装在 YUI().use 内的 YUI 函数？

例子 下面是一个 YUI 函数“runShowAnim”，它执行 animShow.run()；对于动画效果...

 var runShowAnim = function(e) {
     animShow.run();
 };

我希望当我验证 javascript 函数中的某些内容时发生这种效果。我尝试如下调用它。但这似乎不起作用。

function notifyUser(message) {
   document.getElementById("msgArea").innerHTML = message;
   runShowAnim();
}

Answer 1

我通过将 YUI 函数完全夹在一个函数中并调用该函数来实现这一点。

var runShowAnim = function() { 
    YUI().use('anim', 'node', function(Y) {
        var animShow = new Y.Anim({
        node: '#msgArea',
        to: { height: 50,opacity:1 }
        });
        animShow.run();
    });
}; 

现在我可以调用 runShowAnim 而不会出现任何问题，如下面的示例函数所示。

function notifyUser(message) { 
   document.getElementById("msgArea").innerHTML = message; 
   runShowAnim(); 
} 

Answer 2

如果要调用函数，则必须在函数名称后添加 () 后缀，并在函数名称之间包含 0 个或多个以逗号分隔的参数。

runShowAnim();

如果该函数没有全局作用域（如果它是在传递给 use() 的函数内部声明的，则您的函数将具有全局作用域）并且没有以某种方式传递到外部，那么您只能从相同的位置执行此操作范围。

Answer 3

我认为你漏掉了括号。

function notifyUser(message) {
   document.getElementById("msgArea").innerHTML = message;
   runShowAnim(); // right here
}

Answer 4

YUI.thefunction()？

我认为你也需要用命名空间来调用它，

类似于

var X = function(){};
X.Y = function(){};
X.Y.Z = function(){};
X.Y.Z.foo = function(e){alert(e);}

//foo("me");<-error

X.Y.Z.foo("me");

Answer 5

如果要从闭包外部调用已在闭包内部定义的函数（作为最后一个参数传递给 YUI.use 的函数），则需要全局公开该函数。

要么在闭包外部定义一个全局变量并将您的函数分配给它，要么将您的函数分配给窗口对象，

即

var runShowAnim;

YUI().use(function(e){
  runShowAnim = function(){alert('called');}
});

runShowAnim();