如何在小部件外部调用变量

Question

您好，我有一个带有 javascript 代码和一个名为 的变量的 html 小部件snapAuthor，但是当我调用该变量时，控制台告诉我它没有找到它，这是工具代码：

<b:widget id='LinkList7' locked='false' title='Joker Template' type='LinkList' visible='true'>

<b:includable id='AUTH'><b:if cond='data:widget.instanceId == &quot;LinkList500&quot;'><b:tag name='script' type='text/javascript'><b:loop values='data:links' var='link'>AuthorsInfo[&#39;<data:link.name/>&#39;]=&#39;<data:link.target.jsEscaped/>&#39;;</b:loop></b:tag><b:else/>

<b:tag name='script' type='text/javascript'>

(function(){var snapAuthor=AuthorsInfo.filter(function(a){return a.name===&#39;<data:title/>&#39;})[0];

if(snapAuthor!==undefined){snapAuthor.provided=true;

<b:loop values='data:links' var='link'>

<b:if cond='data:link.name contains &quot;-ad&quot;'>

snapAuthor[&#39;<data:link.name/>&#39;]=&#39;<data:link.target.jsEscaped/>&#39;;

<b:else/>

<b:switch var='data:link.name'>

<b:case value='rank'/>snapAuthor.rank=&#39;<data:link.target.escaped/>&#39;;

<b:case value='about'/>snapAuthor.about=&#39;<data:link.target.escaped/>&#39;;

<b:default/>snapAuthor.links[&#39;<data:link.name/>&#39;]=&#39;<data:link.target/>&#39;;

</b:switch></b:if></b:loop>}})();</b:tag></b:if>

<b:tag name='script' type='text/javascript'>

console.log(snapAuthor);

</b:tag>

</b:includable>

</b:widget>

请注意，我想从页面上的其他位置调用该变量，但控制台告诉我它没有找到它......

Answer 1

在代码中使用立即调用函数表达式可以防止变量在其范围之外可见 (function(){})()尝试这个<b:widget id='LinkList7' locked='false' title='Joker Template' type='LinkList' visible='true'>    <b:includable id='AUTH'>        <b:if cond='data:widget.instanceId == "LinkList500"'>            <b:tag name='script' type='text/javascript'>                <b:loop values='data:links' var='link'>AuthorsInfo['<data:link.name/>']='<data:link.target.jsEscaped/>';</b:loop>            </b:tag>        <b:else/>            <b:tag name='script' type='text/javascript'>                var snapAuthor=AuthorsInfo.filter(function(a){return a.name==='<data:title/>'})[0];                if(snapAuthor!==undefined){snapAuthor.provided=true;                    <b:loop values='data:links' var='link'>                        <b:if cond='data:link.name contains "-ad"'>                            snapAuthor['<data:link.name/>']='<data:link.target.jsEscaped/>';                        <b:else/>                            <b:switch var='data:link.name'>                                <b:case value='rank'/>snapAuthor.rank='<data:link.target.escaped/>';                                <b:case value='about'/>snapAuthor.about='<data:link.target.escaped/>';                                <b:default/>snapAuthor.links['<data:link.name/>']='<data:link.target/>';                            </b:switch>                        </b:if>                    </b:loop>                   }            </b:tag>        </b:if>            <b:tag name='script' type='text/javascript'>            console.log(snapAuthor);            </b:tag>    </b:includable></b:widget>