JavaScript类定义方式五:构造函数与原型结合

作者:函数茶馆时间:2026-10-23 19:34:53浏览:510

本文介绍JavaScript中通过构造函数结合原型对象来定义类的方法。该方法利用$define工具函数,将构造函数逻辑与原型方法分离,从而实现代码复用。通过示例展示了如何基于同一构造函数和原型定义出多个不同的类(如Man和Woman),并验证它们之间的独立性。

构造函数与原型结合定义类

第五种方式采用构造函数配合原型对象来定义类。这种模式允许同一个构造函数衍生出多个不同的类型。


具体实现代码如下:

 
/** 
* $define 写类工具函数之二
* @param {Object} constructor
* @param {Object} prototype
*/ 
function $define(constructor,prototype) {
var c = constructor || function(){};
var p = prototype || {};
return function() {
for(var atr in p)
arguments.callee.prototype[atr] = p[atr];
c.apply(this,arguments);
} 
} 

该方式与第四种方式类似,依然使用构造函数和原型对象来定义类。


具体代码示例如下:

//构造函数
function Person(name) {
this.name = name;
} 
//原型对象
var proto = {
getName : function(){return this.name},
setName : function(name){this.name = name;}
} 
//定义两个类
var Man = $define(Person,proto);
var Woman = $define(Person,proto);
console.log(Man == Woman);//false,同一个构造函数(Person)定义不同的类
作者最新文章