- Ember.js 指南
- 入门指南 - 介绍
- 入门指南 - 应用规划
- 入门指南 - 创建静态页面
- 入门指南 - 获取Ember.js和相应依赖
- 入门指南 - 添加第一个路由与模板
- 入门指南 - 建立模型
- 入门指南 - 使用静态数据
- 入门指南 - 显示模型数据
- 入门指南 - 显示模型的完成状态
- 入门指南 - 创建新的模型实例
- 入门指南 - 标记模型为完成或未完成
- 入门指南 - 显示未完成待办事项的数量
- 入门指南 - 切换显示和编辑状态
- 入门指南 - 接受修改
- 入门指南 - 删除模型
- 入门指南 - 添加子路由
- 入门指南 - 显示未完成待办事项
- 入门指南 - 显示已完成待办事项
- 入门指南 - 显示所有待办事项
- 入门指南 - 添加移除所有已完成待办事项的按钮
- 入门指南 - 提示所有待办事项已完成
- 入门指南 - 切换已完成和未完成待办事项
- 入门指南 - 更换FixtureAdapter
- 获取 Ember - 获取Ember
- 概念 - 核心概念
- 概念 - 命名惯例
- 对象模型 - 类与实例
- 对象模型 - 计算属性
- 对象模型 - 计算属性和带@each的集合数据
- 对象模型 - 观察器
- 对象模型 - 绑定
- 对象模型 - 重新打开类和实例
- 对象模型 - 绑定,观察器,计算属性:如何选择?
- 应用 - 介绍
- 模板 - 应用模板
- 模板 - Handlebars基础
- 模板 - 条件表达式
- 模板 - 显示项目列表
- 模板 - 切换作用域
- 模板 - 绑定元素属性
- 模板 - 绑定元素类名称
- 模板 - 链接
- 模板 - 操作
- 模板 - 输入助手
- 模板 - 开发助手
- 模板 - 用助手来渲染
- 模板 - 编写助手方法
- 路由 - 介绍
- 路由 - 定义路由
- 路由 - 生成的对象
- 路由 - 指定路由的模型
- 路由 - 设置控制器
- 路由 - 渲染模板
- 路由 - 重定向
- 路由 - 指定地址API
- 路由 - 查询参数
- 路由 - 异步路由
- 路由 - 加载中/错误子状态
- 路由 - 阻止和重试过渡
- 组件 - 介绍
- 组件 - 定义组件
- 组件 - 传递属性
- 组件 - 包裹内容
- 组件 - 自定义组件元素
- 组件 - 使用Action处理用户交互
- 组件 - 从组件发送操作给应用
- 控制器 - 介绍
- 控制器 - 代表单一模型
- 控制器 - 代表多模型
- 控制器 - 管理控制器间的依赖
- 模型 - 介绍
- 模型 - 定义模型
- 模型 - 创建和删除记录
- 模型 - 将记录推入仓库
- 模型 - 持久化记录
- 模型 - 查询记录
- 模型 - 使用记录
- 模型 - 使用Fixture
- 模型 - 连接HTTP服务器
- 模型 - 处理元数据
- 模型 - 自定义适配器
- 模型 - 常见问题
- 视图 - 介绍
- 视图 - 定义视图
- 视图 - 处理事件
- 视图 - 在模板中插入视图
- 视图 - 为视图添加布局
- 视图 - 自定义视图元素
- 视图 - 内置视图
- 视图 - 手动管理视图层级
- 枚举 - 介绍
- 测试 - 介绍
- 测试 - 集成测试
- 测试 - 测试助手
- 测试 - 测试用户交互
- 测试 - 单元测试
- 测试 - 单元测试基础
- 测试 - 测试组件
- 测试 - 测试控制器
- 测试 - 测试路由
- 测试 - 测试模型
- 测试 - 自动化测试
- 配置Ember.js - 禁用基本类型扩展
- 配置Ember.js - 嵌入式应用
- 配置Ember.js - 特性标识
- Cookbook - 简介
- Cookbook - 用户界面与交互
- Cookbook - 事件处理和数据绑定
- Cookbook - 助手与组件
- Cookbook - 使用对象
- 理解Ember.js - 视图层
- 理解Ember.js - 管理异步
- 理解Ember.js - 模板自动更新
- 理解Ember.js - 调试
- 理解Ember.js - 运行循环
对象模型 - 类与实例
英文原文:http://emberjs.com/guides/object-model/classes-and-instances/
定义一个新的Ember
的类,只需要调用Ember.Object
的extend()
方法即可:
1 2 3 4 5 | App.Person = Ember.Object.extend({ say: function(thing) { alert(thing); } }); |
这里定义了一个新的App.Person
的类,并且为该类定义了一个say()
方法。
通过调用一个现有类的extend()
方法,可以定义类的子类。例如可以通过定义一个Ember
内建的Ember.View
的子类来进行扩展:
1 2 3 4 | App.PersonView = Ember.View.extend({ tagName: 'li', classNameBindings: ['isAdministrator'] }); |
当定义一个子类的时候,可以重写父类已有的方法。尽管重写了父类的方法,依然可以在重写的方法中通过_super()
来调用被重写的父类方法。例如:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | App.Person = Ember.Object.extend({ say: function(thing) { var name = this.get('name'); alert(name + " says: " + thing); } }); App.Soldier = App.Person.extend({ say: function(thing) { this._super(thing + ", sir!"); } }); var yehuda = App.Soldier.create({ name: "Yehuda Katz" }); yehuda.say("Yes"); // alerts "Yehuda Katz says: Yes, sir!" |
创建实例
当定义了一个类之后,就可以通过调用create()
方法来创建类的实例。所有定义在类中的方法、属性、计算属性,都可以通过创建的实例来访问或调用。例如:
1 2 | var person = App.Person.create(); person.say("Hello"); // alerts " says: Hello" |
当创建一个类的实例时,可以将实例属性的初始值以hash
形式的参数传给create()
方法,从而实现对属性的初始化。例如:
1 2 3 4 5 6 7 8 9 10 11 | App.Person = Ember.Object.extend({ helloWorld: function() { alert("Hi, my name is " + this.get('name')); } }); var tom = App.Person.create({ name: "Tom Dale" }); tom.helloWorld(); // alerts "Hi, my name is Tom Dale" |
考虑到性能问题,实例的计算属性或方法不能在调用create()
方法的时候进行重定义。同样也不可以在此时定义新的计算属性或方法。因此,在调用create()
方法时,只能设置基本属性。如果需要定义或者重新定义计算属性或方法,可以通过定义一个新的子类来实现。
按照惯例,用来保存类名的属性和变量名需首字母大写,而实例名首字母不大写。例如:变量App.Person
代表一个类,而person
则代表一个实例(通常是类App.Person
的实例)。在Ember
应用中,应该采用这样的命名惯例。
初始化实例
当一个实例被创建后,实例的init
方法会被自动调用。可以通过自定义init
方法,来对新实例进行初始化。
1 2 3 4 5 6 7 8 9 10 11 12 | App.Person = Ember.Object.extend({ init: function() { var name = this.get('name'); alert(name + ", reporting for duty!"); } }); App.Person.create({ name: "Stefan Penner" }); // alerts "Stefan Penner, reporting for duty!" |
假若继承了一个Ember
内建的类,例如Ember.View
或是Ember.ArrayController
,并且重写了init
方法,一定要在重写的init
方法中调用this._super()
!如果没有调用该方法,系统可能无法正常完成一些重要的初始化工作,从而导致应用出现一些怪异的行为。
当访问一个对象的属性时,应该使用get
方法,而设置属性值时则应该使用set
方法。例如:
1 2 3 4 | var person = App.Person.create(); var name = person.get('name'); person.set('name', "Tobias Fünke"); |
请记住使用这些属性访问方法,否则计算属性不会重新计算,观测也不会被触发,模板也无法得到正常的更新。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论