Backbone系列：简单的helloworld页面

最新推荐文章于 2020-07-06 22:28:38 发布

原创最新推荐文章于 2020-07-06 22:28:38 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#backbone

JavaScript 同时被 3 个专栏收录

35 篇文章

订阅专栏

学习笔记

19 篇文章

订阅专栏

Backbone学习

6 篇文章

订阅专栏

本文介绍了如何使用 Backbone.js 的 Model 类定义一个简单的应用。通过示例代码展示了如何设置默认属性和初始化方法。

非常简单的定义一个Model类

首先让我们以经典的hello world作为Backbone的入门

在线demo： hello world

var App = Backbone.Model.extend({
    // 通过defaults定义实例属性
    defaults: {
        say: 'hello world!'
    },
    // initialize是在构造函数被实例化的时候调用
    initialize: function() {
        alert(this.get('say'));
    }
});

通过extend方法，自定义了一个叫App的Model类。定义了其属性，和在类被初始化的时候会调用的initialize方法。然后实例化这个类，就能实现alert出"hello world!"

// 通过Backbone.Model.extend构建自定义的Model类
// 注意这里返回的是一个构造函数
var App = Backbone.Model.extend({
    // 通过defaults定义实例属性
    defaults: {
        say: 'hello world!'
    },
    // initialize是在构造函数被实例化的时候调用
    initialize: function() {
        alert(this.get('say'));
    }
});
// 实例化
var app = new App();