javascript - jQuery中的全局变量不提供输出

我需要在从数据属性中提取的全局变量中声明值。但是在测试脚本上，我可以在控制台上打印，但是当我在页面上使用它时，它在控制台中给出了未定义的信息。这是我想出的jQuery脚本。

var PClevel;
$(document).ready(function() {
var array = [];
$(".proimg").slice(0,3).each(function() {
    array.push($(this).data("pid"));
    PClevel = ("["+array.join(",")+"]");
});
});
console.log(PClevel);

https://jsfiddle.net/wq3tqkzo/

谁能告诉我为什么它不在实时页面上打印输出。我有可用的jquery库。或者有人可以建议我是否可以在纯JavaScript中使用类似的功能。

最佳答案

您正在将变量记录到文档外部。直到文档就绪运行时（在console.log运行之后），才会填充它。准备将其移至文档内部。