烧瓶-从外部实例化对象似乎没有任何作用

Question

我只是从Flask开始，所以我可能忽略了一些非常明显的东西。 我已经用以下命令加载了我的javscript文件：

<script src="{{ url_for('static', filename='Page.js') }}"></script>

然后我尝试从该js文件实例化一个对象：

<script>
    var page = new Page("index");
</script>

在Page.js中，我有这个：

var Page = function(page) {
    alert("init");
    <some other things>
    }
<and then some object methods Page.prototype.init_standard = function() {} etc>

警报不是警报，尽管我希望是。 另外，如果在HTML页面的实例化之前放置警报，则会收到警报；如果在HTML页面的实例化之后将警报放置在行中，则不会收到警报。 我不确定这是Flask问题还是javascript-我在这两者上都是很新的。

编辑：为了消除这种可能性，正在根据开发服务器状态304加载javascript文件

Answer 1

Page.js只需要定义一个函数即可创建所需的对象。 因此，Page（）应该只是一个以“ return this;”结尾的函数。 创建对象并非严格要求返回此值的校正。

function Page(page) {
    alert("init");
    ... Your code and methods...
    // Example Method:
    this.foo = function(param) {
        ... function body ...
    };
    return this;
}

然后，您可以使用以下方法创建对象：

var page_object = new Page("index");
page_object.foo(some_data);

Answer 2

在查看浏览器调试器后，我发现了问题。 它说Page没有定义。 经过反复试验，我意识到我无法在JavaScript文件中使用{{烧瓶模板表示法，可能是因为它没有作为模板加载，因此不会以这种方式进行解析。 无论如何，我最终只是将{{}}链接移动到html模板，并将其作为参数传递给javascript。