Javascript HTML中未定义函数错误

我正在尝试使用facebook graph api获取我在facebook上的帖子。但是由于json数据中喜欢、评论、共享密钥的变化，我不得不创建一个函数来处理这些情况。但是当我试图在下面的html代码中调用该函数时，它显示函数未定义错误。有人能帮我吗

function getPostsFacebookInfo(){
$.ajax('https://graph.facebook.com/me/posts?access_token='+myFacebookToken,{

    success : function(response){
        $.each(response.data,function(index,response){
            console.log(response);
            var react=function (){
                        if(response.hasOwnProperty('likes'))
                        {   
                            $('#reactions').append(`<li class="list-group-item">Likes:${response.likes.data.length}</li>`);

                        }
                        else
                        {
                            $(' #reactions').append(`<li class="list-group-item">Likes:0</li>`);
                        }

                        if(response.hasOwnProperty('comments'))
                        {   
                            $('#reactions').append(`<li class="list-group-item">Comments:${response.comments.data.length}</li>`);

                        }else
                        {
                            $('#reactions').append(`<li class="list-group-item">Comments:0</li>`);
                        }

                        if(response.hasOwnProperty('shares'))
                        {   
                            $('#reactions').append(`<li class="list-group-item">Shares:${response.shares.data.length}</li>`);

                        }else
                        {
                            $('#reactions').append(`<li class="list-group-item">Shares:0</li>`);
                        }
                };
            $('#panelbody').append(`
                <div class="well">
                <div class="row">
                <div class="col-md-9">
                <p>${response.message}</p>
                <img src="${response.picture}" class="img-thumbnail">
                </div>
                <div class="col-md-3" id="reactions">
                    <script>react();</script>//function call here..
                </div>
                </div> 
                </div>`);
            //end argument list 
        });
    }
  });// end ajax call 

}// end get facebook info


getBasicFacebookInfo();
getPostsFacebookInfo();

函数getPostsFacebookInfo（）{ $.ajax（'https://graph.facebook.com/me/posts?access_token=“+myFacebookToken{ 成功：功能（响应）{ $.each（响应、数据、函数（索引、响应）{ 控制台日志（响应）； var react=函数（）{ if（response.hasOwnProperty（'likes'）） { $（'#reactions'）.append（`li class=“list group item”>Likes:${response.Likes.data.length}`）； } 其他的 { $（“#反应”）.append（`li class=“list group item”>Likes:0`）； } if（response.hasOwnProperty（'comments'）） { $（'#reactions'）.append（`li class=“list group item”>注释：${response.Comments.data.length}`）； }否则 { $（“#反应”）.append（`li class=“list group item”>注释：0`）； } if（response.hasOwnProperty（'shares'）） { $（'#reactions'）.append（`li class=“list group item”>共享：${response.Shares.data.length}`）； }否则 { $（“#反应”）.append（`li class=“list group item”>共享：0`）； } }; $（'#panelbody'）。追加(` ${response.message}

react（）；//此处调用函数。。 `); //结束参数列表 }); } })；//结束ajax调用 }//结束获取facebook信息 getBasicFacebookInfo（）； getPostsFacebookInfo（）；

---

您有一个XSS漏洞。请解释一下。你需要逃避这个信息。您应该使用数据绑定系统或模板引擎。还有其他简单的方法吗？实际上，我正试图通过附加来显示引导井中的喜欢、评论、共享以及帖子的数量。您能告诉我如何实现这一点吗？您的函数是在每个回调的范围内定义的，而不是全局定义的。如果以脚本标记中所需的方式执行，则它需要是全局的。