Javascript 调用函数构造函数返回。。。没有什么。为什么？

我有一个脚本文件，它使用函数（类似于）生成网页：

我通过内联脚本标记中的XHR请求调用此文件，而不是直接调用：

<script>
var xhr = new XMLHttpRequest();
xhr.open('get', 'path/to/my/script.js', 1);
xhr.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        return new Function(this.response); // -> Not working!
    }
};
xhr.send('parameter_1={"is-json":true,"can-you-believe":false}');
</script>

var xhr=new XMLHttpRequest（）；
open（'get'，'path/to/my/script.js'，1）；
xhr.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
返回新函数（this.response）；//->不工作！
}
};
send（'parameter_1={“is json”：true，“can you besive”：false}）；

new Function（）

不起作用（我甚至没有得到一个错误-我得到了什么都没有），我也不知道为什么。我没有尝试使用eval，因为我到处都读到eval是邪恶的，我不想支持撒旦。因此，请帮助我了解如何正确使用

新功能

多谢各位

更新：readyState和状态正常


您是否已验证收到200响应？@Taplar是的，文件存在请查看我的更新您尚未调用该函数。不要退回它，而是这样做。但是，为生成页面而不是数据的函数提供服务有点奇怪，而且这种事情仍然会阻止您使用诸如限制性内容安全策略之类的重要功能。
var f=new function（…）；f（）注意
return
事件中的语句，如
onreadystatechange
不会返回到代码可用的任何内容
<script>
var xhr = new XMLHttpRequest();
xhr.open('get', 'path/to/my/script.js', 1);
xhr.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        return new Function(this.response); // -> Not working!
    }
};
xhr.send('parameter_1={"is-json":true,"can-you-believe":false}');
</script>