javascript面向对象编程代码_js面向对象

复制代码 代码如下:

var orchard = function (){ //基类型构造函数代理 静态方法都在代理函数上
this.constructor && this.constructor.apply(this,arguments);
};
orchard.extend = function() {
var parentObj = this;
var parameters = parentObj.parameters ?
parentObj.parameters.concat(_.toArray(arguments)) : _.toArray(arguments);
var thisObj = function(){ //继承类型构造函数代理
var newparameters = parameters.concat(_.toArray(arguments));
this.constructor && this.constructor.apply(this,newparameters);
};
_.extend(thisObj,parentObj);
_.extend(thisObj.prototype,parentObj.prototype);
thisObj.parameters = parameters;
thisObj.base = thisObj.prototype.base = parentObj; //基类型的代理函数
thisObj.supper = thisObj.prototype.supper = parentObj.prototype; //基类型的构造函数 类成员都在构造函数上
return thisObj;
};
orchard.define = function(object){
if(typeof object === "undefined") object = {constructor: function(){}};
this.prototype = object.constructor;
this.prototype.constructor = this.prototype;
for(var name in this.base)
if(typeof this[name] === "undefined")
this[name] = this.base[name];
for(var name in this.supper)
if(typeof this.prototype[name] === "undefined")
this.prototype[name] = this.supper[name];
for(var i = 0; i < arguments.length; i++)
_.extend(this.prototype,arguments[i]);
this.prototype.base = this.base;
this.prototype.supper = this.supper;
this.supper = undefined;
delete this.supper;
return this;
};
orchard.definenew = function(){
var newclass = this.extend();
return define.apply(newclass,arguments);
};

调用:

复制代码 代码如下:

var Person = orchard.definenew({
constructor: function(name){
this.name = name;
},
say: function(){ return "Hello, i'm " + name;}
});
var aBen = Person.extend("aBen");
aBen.define({
constructor: function(){
this.supper.apply(this,arguments);
}
});
var aben = new aBen();
alert(aben.say());

思路就是这样的,代码没验证过。分享的思路,大家自己看着办。哈哈~~

时间: 2024-11-03 20:31:21

javascript面向对象编程代码_js面向对象的相关文章

Javascript 面向对象编程(coolshell)_js面向对象

这两天有个前同事总在问我Javascript面向对象的东西,所以,索性写篇文章让他看去吧,这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程.(成文比较仓促,应该有不准确或是有误的地方,请大家批评指正) 另,这篇文章主要基于 ECMAScript 5, 旨在介绍新技术.关于兼容性的东西,请看最后一节. 初探 我们知道Javascript中的变量定义基本如下: 复制代码 代码如下: var name = 'Chen Hao';; var email = 'haoel(

一个cssQuery对象 javascript脚本实现代码_js面向对象

复制代码 代码如下: /** * @author Supersha * @QQ:770104121 */ var cssQuery = { //parent:用于存储当前节点的父节点的引用 parent: document, select: function(selectorStr){ var selectors=selectorStr.split(" "); //分隔字符串 for (var i = 0, len = selectors.length; i < len; i++

javascript面向对象编程(一) 实例代码_js面向对象

复制代码 代码如下: <script type="text/javascript"> var test = { numA: 10, objB: {}, arrC: [], init: function(){ alert(this.numA); }, sayHi: function(name){ alert("hello " + name); }, sayHelloWorld: function(){ this.sayHi("world"

javascript面向对象的方式实现的弹出层效果代码_js面向对象

说到js的面向对象,就不得不提到prototype这个js内置属性了(注意:这里的prototype可不是prototype.js),它的作用就是可以动态的向一个对象(object)添加某种属性.我现在要做的就是尽可能的让代码达到公用,像继承啦之类的.好了,这些就不多说了,对prototype不了解的可以搜索下相关内容. 今天要做的是点击一个html元素让其弹出一个友好的对话框来,首先要明确两点,一点是我可能会大量的用到这种方式,甚至不希望出现系统的alert或confirm,第二点就是弹出的内

JavaScript 创建对象和构造类实现代码_js面向对象

创建一个对象 Java代码 复制代码 代码如下: <script type="text/javaScript"> var newObject=new Object(); //创建一个对象 newObject.firstName="frank"; //增加一个firstName属性 newObject.sayName=function(){ alert(this.firstName); } //添加一个sayName方法 //调用sayName方法 //

Javascript 面向对象(三)接口代码_js面向对象

程序中的接口:规定好有几个方法,方法名是什么.(因程序中要完成任务,都是通过函数或者说方法去实现的.) javascript中的接口:把实例出来的某"类型对象".和实例出来的"接口对象",进行一个比较,符合规则,就可以说:这个对象实现了规定的接口: (接口类:通过这个类,来实例出不同的接口.即不同的接口实例,也就是不同的方法个数和方法名称) (进行比较:其实质就是判断子类型实例出来的对象,是否有接口对象中所保存的方法名,还有个数.) 小实例: 电话类,下面可以有&q

Javascript 面向对象(二)封装代码_js面向对象

写个小例子: 第一步:做一个"手机的类" 复制代码 代码如下: var MobilePhone = (function(){ ---- })() 第二步:考虑这个类,里需要那些类的私有属性,这里我想定义的是实例出来手机的数量 复制代码 代码如下: var MobilePhone = (function(){ //私有属性 var count = 0; //代表手机的数量 })() 第三步:创建一个构造函数,即实例时候,对产生的新象的一个初始化,例如属性,方法的初始化;在这个例子中,每一

JavaScript 对象链式操作测试代码_js面向对象

虽然现在慢慢减少了对jQuery的使用(项目上还是用,效率高点.平时基本不用了),希望从而减少对jQuery的依赖度. 但是这链式操作的方式实在吸引人(貌似现在不少新库都采用了链式操作). 新手无畏嘛,所以写了以下代码.主要是避免以后又忘了,呵呵. 复制代码 代码如下: window.k = function() { return new k.fn.init(arguments); } k.fn = k.prototype = { init:function() { this.length =

javascript最常用与实用的创建类的代码_js面向对象

复制代码 代码如下: //以构造函数方式添加私有属性和方法 function Person(name, age, address) { this.name = name; this.age = age; this.address = address; } //以原型方式添加公有属性.方法 Person.prototype = { constructor: Person, showName: function () { alert(this.name + this.age + this.addre