如何创建随机方法名称

Question

我计划使用 JSONP 调用外部 Web 服务，以避免我不想创建可能与调用页面发生冲突的全局函数。我认为创建一个随机函数名称并将其传递出去会起作用。像这样的事情：

<script src="www.foo.com/b?cb=d357534">

其中cb是回调函数名称，服务器会返回

d357534({my json data});

我想知道的是如何创建随机函数名称，我确信我可以使用eval 但这是最​​好的方法吗？

本质上，我想做的是：

var d + Math.floor(Math.random()*1000001) = function(){...   

Answer 1

这应该做你想做的事。您需要将函数名称保存在某处，以便可以将其传递到服务器，但您可以在本地范围内执行此操作，以避免污染全局名称空间。

var functionName = 'd' + Math.floor(Math.random()*1000001);
window[functionName] = function() { ... }

Answer 2

要创建一个随机命名的全局变量，您可以这样做：

window['randomvar' + Math.floor(Math.random()*1000001)] = function() { ... };

现在当然您遇到了记住某个地方的随机名称的问题。您也可以为该变量指定一个随机名称。然后你必须记住那个变量的名称，以便你可以查看它的值，然后知道如何找到你的函数。一段时间后，事情就会开始变得奇怪。

Answer 3

为什么不只使用计数器并在每次需要新函数时递增它：

var name = "callback" + window.COUNTER++;
window[name] = function() { ... };

如果您想避免全局命名空间被太多引用弄乱，您可以（并且应该）将计数器和回调附加到单个全局对象

var JSONP = window.JSONP;
var name = "callback" + JSONP.COUNTER++;
JSONP[name] = function() { ... };

：在这种情况下，您可以像这样调用该方法：

JSONP.callback_12(json);

粗略地说，您必须首先初始化 JSONP 对象和 COUNTER 变量。