- 浏览: 234695 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
annyliyear:
找到的ExtJS实现多选下拉框3个代码 -
yinboxian:
源码太乱了
JXTA中使用JxtaServerPipe和JxtaBiDiPipe实现双向可靠的通信 -
yinboxian:
我的peers第一次执行时可以得到正确的结果,以后就不行了。不 ...
JXTA中基于管道监听方式通信 -
cuizhenfu#gmail.com:
http://www.cnblogs.com/cuizhf
JXTA中使用JxtaServerPipe和JxtaBiDiPipe实现双向可靠的通信 -
luxing44530:
请问, jsp页面如果在 META-INF 中, 改怎么访问? ...
Servlet3.0 新特性之模块化实践
Class提供相当继承的功能。使用Class就可以让我们结合面对过程和面对对象编程开发。 除了原型继承之外,它还包含了一些重要的特性:
1、静态继承 2、内省 3、命名空间 4、Setup和Init方法 5、容易创建回调函数
静态 V 原型
在学习Class之前,理解一个Class的Static和Prototype属性的不同。
//STATIC MyClass.staticProperty //shared property //PROTOTYPE myclass = new MyClass() myclass.prototypeMethod() //instance method
一个静态属性是在类的构造函数中,它共享给所有类的实例。原型属性只能在类实例中使用。
一个最原始的类
下面我们创建一个Monster类用一个名字,静态和原型成员。每次创建一个Moster类实例,静态成员count递增1.
$.Class('Monster', /* @static */ { count: 0 }, /* @prototype */ { init: function( name ) { // saves name on the monster instance this.name = name; // sets the health this.health = 10; // increments count this.constructor.count++; }, eat: function( smallChildren ){ this.health += smallChildren; }, fight: function() { this.health -= 2; } }); hydra = new Monster('hydra'); dragon = new Monster('dragon'); hydra.name // -> hydra Monster.count // -> 2 Monster.shortName // -> 'Monster' hydra.eat(2); // health = 12 dragon.fight(); // health = 8
注意每个新Moster类实例创建时,原型init方法都会被调用。
继承
当一个类被扩展时,所有静态和原型属性都继承到新类中。如果子类重写父类的方法,那么你可以通过调用this._super来调用父类的方法。 下面让我们来创建一个海怪物类,海怪物有吃小孩的能力,但是不吃多数的强大的战士。
Monster("SeaMonster",{ eat: function( smallChildren ) { this._super(smallChildren / 2); }, fight: function() { this.health -= 1; } }); lockNess = new SeaMonster('Lock Ness'); lockNess.eat(4); //health = 12 lockNess.fight(); //health = 11
静态属性继承
你也可以像下面一样继承类的静态属性:
$.Class("First", { staticMethod: function() { return 1;} },{}) First("Second",{ staticMethod: function() { return this._super()+1;} },{}) Second.staticMethod() // -> 2
命名空间
命名空间是一个好概念!我们鼓励大家在你的所有代码中使用命名空间。 命名空间的好处:可以把代码移动到其它工程,而且没有什么问题。 创建一个命名空间类是很容易的:
$.Class("MyNamespace.MyClass",{},{}); new MyNamespace.MyClass()
内省
常常,类名最好起与相关功能的名称,这样有助于我们知道该类有什么作用。然而,JavaScript无法决定一个对象的名称,所以开发人员 必须给类起名。类定位就是通过给类一个字符串名称来通话的。
$.Class("MyOrg.MyClass",{},{}) MyOrg.MyClass.shortName //-> 'MyClass' MyOrg.MyClass.fullName //-> 'MyOrg.MyClass'
全名和简名都是添加到类的静态属性上。
Setup和init方法
Class支持静态和原型初始化方法。这里有2个初始化方法-setup和init。Setup在init之前执行,且可以使用正规化init的参数。
说明:通常,在类中不需要setup方法。使用init代替它。保留setup方法,当我们需要处理更加复杂再去调用。
$.Class("MyClass", { setup: function() {} //static setup init: function() {} //static constructor }, { setup: function() {} //prototype setup init: function() {} //prototype constructor })
Setup
Setup函数是在Init函数前调用。静态Setup函数是允许通原始类参数来处理的扩展函数。原型静态方法是处理类构造函数的参数。 如果一个Setup函数返回一个数组,这个数组可以当成参数在Init函数中使用。所以,Setup能够把处理完正规的参数传到init构造函数。 这些也是我们需要执行Setup函数代码的一个好处。 下面我们看看jQuery.Controller.setup中如何确定init函数调用的参数都是一个HTML元素和合并的选项同。
$.Class("jQuery.Controller",{ ... },{ setup: function( el, options ) { ... return [$(el), $.extend(true, this.Class.defaults, options || {} ) ] } })
一般情况,我们是不需要创建和重写Setup函数的。
Init
Init函数是在Setup后调用。通常,Init函数接收到和前台Setup函数一样的参数。 下面就是一个Foo类Init方法被调用的例子:
$.Class("Foo", { init: function( arg1, arg2, arg3 ) { this.sum = arg1+arg2+arg3; } }) var foo = new Foo(1,2,3); foo.sum //-> 6
代理
类似于Juqery的代理方法,Class提供了一个proxy函数,它返回一个回调函数,这个函数一般是设置到类中或者类的实例。 下面例子使用this.proxy来确定this.name在show中是否有效。
$.Class("Todo",{ init: function( name ) { this.name = name }, get: function() { $.get("/stuff",this.proxy('show')) }, show: function( txt ) { alert(this.name+txt) } }) new Todo("Trash").get()
Class还提供了几个有用的静态方法:
1、extend 继承
// with className, static and prototype functions $.Class('Task',{ STATIC },{ PROTOTYPE }) // with just classname and prototype functions $.Class('Task',{ PROTOTYPE }) // with just a className $.Class('Task')
2、fullName 类全名
$.Class("MyOrg.MyClass",{},{}) MyOrg.MyClass.shortName //-> 'MyClass' MyOrg.MyClass.fullName //-> 'MyOrg.MyClass'
3、namespace 类的命名空间
$.Class("MyOrg.MyClass",{},{}) MyOrg.MyClass.namespace //-> MyOrg
4、newInstance 类创建实例的方法,它对于我们为实例添加任意参数很有用。
$.Class("MyClass",{},{}) var mc = MyClass.newInstance.apply(null, new Array(parseInt(Math.random()*10,10))
5、shortName 类简名
$.Class("MyOrg.MyClass",{},{}) MyOrg.MyClass.shortName //-> 'MyClass' MyOrg.MyClass.fullName //-> 'MyOrg.MyClass'
发表评论
-
test
2012-11-21 19:31 0关于请假: 1、做好工作安排,回复华为正式邮件! 2、回去 ... -
JavaScriptMVC之实战
2012-06-09 15:05 1988JavaScriptMVC之实战 下面我们通过一个真实的项目 ... -
JavaScriptMVC之快速开发
2012-04-28 21:53 4451有些同学反映说,需要看太多的篇章才能明白如何使用JavaScr ... -
JavaScriptMVC之语言助手
2012-04-26 21:00 1499在这篇文章,我只挑 ... -
JavaScriptMVC之专用事件
2012-04-26 20:32 1583JavaScriptMVC提供了一串很 ... -
JavaScriptMVC之Model
2012-04-25 22:52 2060Model顶层负责程序的数据层,使用它可以很容易做以下操作: ... -
JavaScriptMVC之View
2012-04-24 20:35 2235视图提供在JQuery中使用模板的一致接口。 当模板 ... -
JavaScriptMVC之Controller
2012-04-24 20:08 1792Controller帮助创建合理的,可释放内存,快速执行jQu ... -
JavaScriptMVC之控制器监听事件
2012-04-23 21:16 1628控制器安装和卸载事件句柄非常容易。卸载事件句柄对于防止内存泄漏 ... -
JavaScriptMVC之Fixture续
2012-04-22 00:54 1254其实下面我写的主要并 ... -
JavaScriptMVC之数据处理
2012-04-21 23:42 1260常常,项目中创建,修 ... -
JavaScriptMVC之数据绑定(jquery.tie)
2012-04-20 23:14 1737如果开发过Java的RCP程序的同学就会知道数据绑定datab ... -
JavaScriptMVC之Fixture
2012-04-20 22:19 1471注:阅读这篇同学必须 ... -
从JavaScriptMVC开始如何完成项目之压缩文件和生成帮助文档
2012-04-13 23:45 15541、压缩文件 在厨师手 ... -
从JavaScriptMVC开始如何完成项目之创建测试程序
2012-04-13 21:56 1069JavaScriptMVC放一个极大强调的重点在测试方面。Ja ... -
从JavaScriptMVC开始如何完成项目之创建应用程序
2012-04-12 23:56 1233如何使用JavaScriptMVC开发项目第一步,就是创建应用 ... -
JavascriptMVC 之 route 的 history功能的使用
2012-04-08 11:10 1699JavascriptMVC 之 route 的 his ... -
wijmo+javascriptmvc开发注意事项
2012-04-07 09:31 1346下面是在使用wijmo+javasc ... -
javascriptmvc之funcunit
2012-03-30 00:19 1044javascriptmvc之funcunit funcu ... -
学习jquery mvc第一天,hello
2012-03-29 23:09 2267学习jquery mvc第一天,hello 做为程序员,对于 ...
相关推荐
NULL 博文链接:https://lyndon-lin.iteye.com/blog/1556095
上传了一半的javascriptmvc3.0.5,这个是【下】
JavaScriptMVC是一个全面的JavaScript应用程序开发框架,专注于构建大型、可维护的前端应用。这个压缩包"javascriptmvc-3.3.zip"包含了该框架的3.3版本。JavaScriptMVC以其模块化、可测试和高性能的特点,深受开发者...
JavaScriptMVC是一个强大的JavaScript MVC(Model-View-Controller)框架,专为构建复杂且高性能的前端Web应用而设计。这个框架旨在提供一套完整的工具集,包括数据管理、视图渲染、路由控制以及测试支持,从而使得...
JavaScriptMVC是一个强大的前端开发框架,它以JavaScript为核心,结合了Model-View-Controller(MVC)设计模式,旨在提供一套完整的解决方案,帮助开发者构建高效、可维护的Web应用程序。这个开源项目是基于jQuery和...
JavaScriptMVC是一个全面的JavaScript开发框架,专注于构建大型、可维护的前端应用。这个3.2.4版本的压缩包包含了一系列工具和库,旨在帮助开发者遵循Model-View-Controller(MVC)设计模式,提高代码组织和项目管理...
在“从JavaScriptMVC开始如何完成项目之压缩文件和生成帮助文档”这个主题中,我们将探讨如何利用该框架进行项目开发,特别是涉及到的压缩文件处理和生成帮助文档这两个关键环节。 一、压缩文件 在项目开发中,压缩...
JavaScript MVC(Model-View-Controller)是一种用于构建前端Web应用程序的架构模式,灵感来源于Java的MVC框架。这种模式在JavaScript开发中广泛采用,旨在提高代码的组织性、可维护性和可扩展性。...
javascriptmvc3.0.5,文件大于20MB,分成两个卷
这篇博客文章“从JavaScriptMVC开始如何完成项目之创建应用程序”可能是指导开发者如何使用特定的JavaScript MVC框架或库来构建一个完整的应用程序。 在JavaScript MVC中: 1. **模型(Model)**:负责处理和管理...
Mithril.js 是一个客户端的 JavaScript MVC 框架。可将应用分成数据层、UI层和控制层。Mithril 压缩后只有 3kb 左右。API 提供一个模板引擎,带 DOM diff 实现,支持路由和组合。 示例代码: ...
JavaScript MVC模式是Web开发中的一种架构模式,它用于组织和管理复杂的前端应用。MVC,即Model-View-Controller,是一种设计模式,旨在分离应用程序的数据层(Model)、用户界面层(View)和控制逻辑层(Controller...
JavaScript MVC(Model-View-Controller)是一种用于构建前端应用程序的架构模式,它借鉴了传统的后端MVC设计模式,以帮助开发者组织和管理复杂的JavaScript应用。在这个架构中,Model负责数据处理,View负责用户...
JavaScript MVC开源框架是一种用于构建富前端应用的框架,它整合了多种JavaScript库和技术,如jQuery,使得开发者可以更高效地组织和管理前端代码,实现Model-View-Controller(MVC)设计模式。...
JavaScriptMVC是一个全面的前端开发框架,专注于使用JavaScript进行复杂应用程序的构建。它结合了Model-View-Controller(MVC)的设计模式,提供了一整套工具和服务,旨在提高开发效率和代码可维护性。在这个高级...
在"javascriptMVC 相关资料.docx"文档中,可能会包含以下知识点: 1. **MVC概念**:解释模型(Model)、视图(View)和控制器(Controller)的基本职责。模型处理数据和业务逻辑,视图负责用户界面的展示,而控制器...
:选择JavaScriptMVC框架很难。一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思。本文对JavaScriptMVC框架Angular、Backbone、CanJS和Ember作了比较,供大家参考。...
内容索引:脚本资源,Ajax/JavaScript,JavaScriptMVC JavaScriptMVC 是一个功能强大的 JavaScript framework. 也是一个很棒的JavaScript测试框架,它同样能提高开发的速度。JavaScriptMVC应用了模型-视图-控制器架构...