Backbone 构造函数不工作

Question

我正在尝试使用 express 的简单 backbone 程序，它显示名称和 twitter 句柄，并允许使用 jade 中的模板进行更新。但是，它不起作用。

这是我的 server.js 文件：

var express= require("express"),
bodyparser= require("body-parser");

var app= express();

app.use(express.static(__dirname+ "/public"));
app.use(bodyparser.json());

app.get("/", function(req, res){
    res.render("index.jade");
});

app.listen(3002);

这是我的 index.jade 文件：

doctype html

#main

script(type="text/template" id="showuser")
    <h1> <%= name %> </h1> 
    <p>Twitter: <a href='"http://twitter.com/"<%= twitter %>'> <%= twitter %> </a> </p>

script(type="text/template" id="edituser")
    <h1> Editing </h1> 
    <p> Name: <input type="text" name="name" id="name" value="<% name %>" /> </p>
    <p> Twitter Handle: <input type="text" name="twitter" id="twitter" value="<% twitter %>" /> </p>
    <p> <button> Update </button> </p>

script(src= "jquery.js")
script(src= "underscore.js")
script(src= "backbone.js")
script(src= "theapp.js")

这是我的 theapp.js 文件：

var User= new Backbone.Model.extend({});

var Showview= new Backbone.View.extend({
    template: _.template($("#showuser").html()),
    initialize: function(){
            this.model.on("change", this.render, this);
    },
    render: function(){
            this.$el.html(this.template(this.model.toJSON()));
            return this;
    }
});

var Editview= Backbone.View.extend({
    template: _.template($("#edituser").html()),
    events: {
        "click button": "savechange"
    },
    render: function(){ 
            this.$el.html(this.template(this.model.toJSON()));
            return this;
    },
    savechange: function(){
            this.model.set({name: $("#name").val(), twitter: $("#twitter").val()});
    }
});

var me= new User({name: "Anna", twitter: "anna9090"}),
showview= new Showview({model: me}),
editview= new Editview({model: me});

$("#main").append(showview.render().el).append(editview.render().el);

我收到一个错误：undefined is not a function on the line:

var me= new User({name: "Anna", twitter: "anna9090"}),

在文件中 theapp.js

Answer 1

您应该在扩展 Backbone 模型时删除 new 运算符。

var User = Backbone.Model.extend({});
// ...
var me = new User({name: "Anna", twitter: "anna9090"}),

Backbone 构造函数不工作

Backbone constructor not working

javascript

node.js

backbone.js

pug