SmartJS2.0加入OOP的功能。OOP包括klass与factory两个对象。

Klass 类继承

与其他的类继承相比,smartjs使用了执行指针的概念(后面例子中会介绍),另外提供base基类和初始化控制的扩展功能。

首先来看看接口:

  var _klass = st.klass(name, prop, parent, config);
//new _klass() 与 _klass()效果相同,实现了自初始化功能更
var obj = new _klass();

name : 类名

prop : 类属性&方法

parent :[可选],父类对象

config :[可选],类配置参数,做动态扩展使用;后续版本会加入内容;

注意自初始化方法为:klassInit,在实例化时执行

实例化类后,对象会具有以下方法和属性:

//获取基类对象
obj.getBase(baseName);


//执行基类对象
obj.callBase(fnName, baseName, args);


//对象扩展方法
obj.extend(prop);


//父类对象
obj._$super


//类标示
obj._$klass : bool


//类名
obj._$kName : string


//继承链
obj._$inheirts : array

此外两种全局扩展方式:

1. 基于原形链的基类扩展,使用st.conf('oop-KlassBase'),可以取到基类对象进行扩展

2. 在类初始化时,对实例化的对象进行扩展,可以使用st.onKlassInit对象进行添加扩展方法。

st.onKlassInit 是promiseEvent对象,参数为:obj,conf

  obj:类对象

  conf:即klass定义的时候的conf

代码示例

基础

 var user = st.klass("user", {
klassInit: function(name) {
this.name = name;
},
say: function(text) {
return this.name + ',' + text;
}
}); var user1 = new user('roy'),
//执行方法与实例化等效
user2 = user('tracy'); expect(user1.name).toBe('roy');
expect(user1.say('hello')).toBe('roy,hello');
expect(user2.name).toBe('tracy');
expect(user2.say('hello')).toBe('tracy,hello');

综合例子

var user1 = st.klass("user1", {
name: 'user1',
//自初始化方法为:klassInit,在实例化时执行
klassInit: function() {}
}, user); //继承测试
it("inheirt", function() { var roy = user1('roy'); expect(roy.name).toBe('user1');
expect(roy.say('hello')).toBe('user1,hello');
}) //调用父类测试
it("klassBase - callBase", function() {
var roy = user1();
roy.callBase('klassInit', ['roy']);
expect(roy.name).toBe('roy');
}) //扩展例子
it("klassBase - extend", function() {
var roy = user1();
roy.extend({
say: function() {
return "extend";
}
}); expect(roy.say()).toBe('extend');
expect(roy.callBase('say', ['extend'])).toBe("user1,extend");
})

多级继承例子。在多级继承中有一种场景每个子类方法都会调用父类的方法,而方法中又会使用到当前对象的属性,则问题就来了;

如果是采用的parent.xxx然后传递this下的属性值过去,则没太大的问题。backbone就采用的这种。

另外像base.js直接改写原始方法,将父对象封入闭包中,也无问题。只是这种限制比较大,只能调用父类的同名方法。

而dojo采用的是this.parent.xxx.call(this)的方式,则就会悲剧了,死循环就来了。

导致这样的原因就是将this带入parent方法后,父类又执行this.parent。而这是this则是子类的对象,那么方法就只会不停的调用parent的方法。

有兴趣的朋友可以下去看下,项目上面使用的继承会出现此问题。如果有更好的方案,希望能分享。

smart采用类继承的方式与dojo比较类似,但是调用父类方法由callBae这个方法来代理,同时使用指针来记录方法的执行轨迹,这样保证了从子到根的各级调用。

var user = st.klass("user", {
klassInit: function(name) {
this.name = name;
},
say: function(text) {
return this.name + ',' + text;
}
}) var user2 = st.klass('user2', {
say: function(text) {
return this.callBase('say', [text]) + "-lv2";
}
}, user); var user3 = st.klass('user3', {
say: function(text) {
return this.callBase('say', [text]) + "-lv3";
}
}, user2); var user4 = st.klass('user4', {
say: function(text) {
return this.callBase('say', [text]) + "-lv4";
}
}, user3); var roy = new user4('roy');
expect(roy._$inheirts + '').toBe('user4,user3,user2,user');
//依次执行到根,正确将当前的this对象的值输出
expect(roy.say('hello')).toBe('roy,hello-lv2-lv3-lv4'); //从3级开始执行
expect(roy.callBase('say', ['hello'])).toBe("roy,hello-lv2-lv3"); //指定从user开始执行
expect(roy.callBase('say', 'user', ['hello'])).toBe("roy,hello"); //上向略过2级执行
expect(roy.callBase('say', 2, ['hello'])).toBe("roy,hello-lv2");

smartjs 0.2 OOP讲解 - Klass 类继承的更多相关文章

  1. smartjs 0.2 OOP讲解 - factory

    本篇介绍OOP的第二个对象factory.在以往项目中其实真正使用klass的地方相当少,而factory则是十分常见的. 在smartjs中的factory并不是指的是工厂模式.在factory要求 ...

  2. smartJS 0.1 API 讲解 - FlowController

    本篇介绍0.1版中最后一个特性,FlowController:同时也对第一版总结一下,因为近两年全部都是在搞前端,都是做一些js框架类的东西,也做了不少有意思的功能,做smartjs对我来说一个是对自 ...

  3. smartJS 0.1 API 讲解 - PromiseEvent

    上篇简单的介绍smartjs了一些通用方法的api.这篇介绍基础的PromiseEvent(这个名字一直没想好,以前准备用callbacks的,但避免与jquery混淆,st的命名空间可以直接挂到$上 ...

  4. smartJS 0.1 API 讲解 - Trigger

    上篇介绍了PromiseEvent,本篇介绍Trigger - 基于Promise的aop的体现:(感觉自己的对这些命名一直都很挫,也懒得想了,所以就凑合的用) Trigger 在目标对象上加入触发器 ...

  5. Python类继承(转发)

    目录 一.概述 二.类的继承 2.1 继承的定义 2.2 构造函数的继承 2.3 子类对父类方法的重写 三.类继承的事例 回到顶部 一.概述 面向对象编程 (OOP) 语言的一个主要功能就是“继承”. ...

  6. (转载)详解7.0带来的新工具类:DiffUtil

    [Android]详解7.0带来的新工具类:DiffUtil 标签: diffutil 2017-04-17 18:21 226人阅读 评论(0) 收藏 举报  分类: Android学习笔记(94) ...

  7. C++ 类继承的对象布局

    C++多重继承下,对象布局与编译器,是否为虚拟继承都有很大关系,下面将逐一分析其中的差别,相同点为都按照类继承的先后顺序布局(类内按照虚表.成员声明先后顺序排列).该类情况为子类按照继承顺序排列,如c ...

  8. 深入理解OOP(三):多态和继承(动态绑定和运行时多态)

    在前面的文章中,我们介绍了编译期多态.params关键字.实例化.base关键字等.本节我们来关注另外一种多态:运行时多态, 运行时多态也叫迟绑定. 深入理解OOP(一):多态和继承(初期绑定和编译时 ...

  9. 深入理解OOP(二):多态和继承(继承)

    本文是深入浅出OOP第二篇,主要说说继承的话题. 深入理解OOP(一):多态和继承(初期绑定和编译时多态) 深入理解OOP(二):多态和继承(继承) 深入理解OOP(三):多态和继承(动态绑定和运行时 ...

随机推荐

  1. 在eclipse中安装freemarker插件及html使用freemarker编辑器

    freemarker模板文件使用jboss tools下提供的FreeMarker IDE,在线安装的方法是:Help –> Install New Software 点击and,再出来的对话框 ...

  2. unity 读取excel表 生成asset资源文件

    做unity 项目也有一段时间了,从unity项目开发和学习中也遇到了很多坑,并且也从中学习到了很多曾经未接触的领域.项目中的很多功能模块,从今天开始把自己的思路和代码奉上给学渣们作为一份学习的资料. ...

  3. 小白学数据分析----->移动游戏的使用时长分析

    写下该文章,是因为之前看到了几款游戏一个典型的玩家刺激活动,在<多塔联盟>,<萌江湖>等多款游戏的设计中都有体现,如下图所示: 这个功能点的设计,今天在这里讲的更多的还是跟数据 ...

  4. 初学Linux

    一直觉得Linux敲命令很蛋疼,今天开始学习一下吧,主要以练习(想到啥就查啥)命令和练习在Linux中编程(Python)为主吧. 不记得什么时候安装的Ubuntu 12.04.3 LTS虚拟机,连密 ...

  5. Halcon相机标定

    摄像机标定程序: 注意:E:/calibration_image :为标定图像文件路径       'E:/calibration_description/caltab_123mm.descr:为标定 ...

  6. SSH使用教程( Bitvise Tunnelier+Chrome+Proxy Switchy)

    前言 网上很多讲解使用Bitvise Tunnelier+Chrome+Proxy Switchy进行SSHFQ操作的教材有所缺失的部分,不太全面,这里重新整理. 本篇博客的主要内容如下: 准备工作 ...

  7. nodejs express 框架解密2-如何创建一个app

    本文是基于express 3.4.6 的 1.在我们的app.js 文件里面有这么几行 http.createServer(app).listen(app.get('port'), function( ...

  8. 使用 CountDownLatch 控制多个线程执行顺序

    已同步更新至:http://dxjia.cn/2015/08/countdownlatch-use/ 有时候会有这样的需求,多个线程同时工作,然后其中几个可以随意并发执行,但有一个线程需要等其他线程工 ...

  9. linux 下 取进程占用内存(MEM)最高的前10个进程

    # linux 下 取进程占用 cpu 最高的前10个进程ps aux|head -1;ps aux|grep -v PID|sort -rn -k +3|head # linux 下 取进程占用内存 ...

  10. Akismet API 密钥(key)免费获取方法

    Akismet插件是用户使用最广泛的垃圾评论插件,也是wordpress的创始人制作的,同时它也毫无疑问的成为wordpress的默认安装插件,这样的插件可以帮助用户解决垃圾评论的烦恼,而且也不用访客 ...