Ember.js 入门指南 (二)

本文是Ember.js入门系列的第二部分,主要讲解EMBER对象模型,包括类的子类、重新打开类和实例、计算属性(Getters和Setters)、观察者以及绑定,特别阐述了绑定在对象之间的同步作用。此外,还介绍了如何创建Ember应用程序的基本步骤。
摘要由CSDN通过智能技术生成

@(Ember)[MVVM|前端框架|HTML桌面应用]


序言

经常有人质疑,在前端搞MV*有什么意义?也有人跟我提出这样的疑问:以AngularJSKnockoutBackBone为代表的MV*框架,它跟jQuery有什么区别?我jQuery用得好好的,有什么必要再引入这种框架?

其实,不管我们使用的是一个类库还是一个框架,都不应该忘记我们最终目的,或许你正在为一个项目做技术选型,或许你正在为你的应用考虑代码重构,又或许你只是单纯的想做一些学术性研究,所以框架和类库的选择没有绝对只有最适合。

以jQuery为代表,针对界面上常见的DOM操作,远程请求,数据处理等作了封装,也有专注于处理数据的Underscore,而今天的主角Ember.js正是一款为构建富HTML桌面应用的理想框架。


EMBER对象模型

Ember增强了简单的JavaScript对象模型,使之能够支持绑定和观察者,同时也支持一种更加强大的、基于混合的(mixin-based)代码共享途径。

作为最基本的形式,你可以使用Ember.Objectextend方法创建一个新的Ember类。

Person = Ember.Object.extend({
  say: function(thing) {
   
    alert(thing);
 }
});

一旦你成功创建了一个新类,就可以使用create来创建类的实例了。类中定义的任何属性在实例中都是可用的。

var person = Person.create();
person.say("Hello") // alerts "Hello"

创建实例时,也可以通过传入对象来为实例增添额外的属性。

var tom = Person.create({
  name: "Tom Dale",
  helloWorld: function() {
   
    this.say("Hi my name is " + this.get('name'));
  }
});
tom.helloWorld() // alerts "Hi my name is Tom Dale"

由于Ember支持绑定和观察者,因此你可以随时通过get方法访问属性,也可以通过set方法设置属性。

当创建一个对象的新的实例时,也可以覆写类中定义的任何属性和方法。在本例中,作为例子,你可以覆写从Person类继承的say方法。

var yehuda = Person.create({
  name: "Yehuda Katz",
  say: function(thing) {
   
    var name = this.get('name');
    this._super(name + " says: " + thin
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值