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)定义不同的类作者最新文章
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
JS使用constructor判断数据类型可靠吗
2026-11-05 13:49:41
