JavaScript 面向对象编程:接口实现与验证机制

作者:墨池

时间:2026-10-26

浏览:331

本文详解 JavaScript 中接口的实现原理。通过自定义 Interface 构造函数定义方法名与数量,并利用静态方法 ensureImplements 验证对象是否具备指定接口。文章包含完整的代码示例,展示如何定义电话接口、实现移动电话类,并验证三星手机对象是否符合接口规范,帮助开发者理解 JS 中的契约式编程模式。

文章目录

JavaScript 接口概念与实现原理

在程序设计中,接口的主要作用是预先定义所需的方法集合及其名称。由于程序功能的执行最终都依赖于函数或方法,因此接口为这些实现提供了明确的规范。



在 JavaScript 中,接口的实现机制是将实例化的具体“类型对象”与实例化的“接口对象”进行比对。如果对象满足接口规定的规则,即可认为该对象实现了指定的接口。



接口类的作用是实例化出不同的接口。通过接口类,可以创建具有不同方法数量和方法名称的多种接口实例。


所谓的“比较”过程,其核心逻辑是判断子类型实例化的对象中,是否包含接口对象所保存的所有方法名,以及这些方法的数量是否与接口定义一致。


以下是一个具体的应用实例:


以电话类为例,其子类可以包括“座机”、“手机”或“平板电脑电话”等。尽管内部实现各异,但这些子类共同的目标或功能都是“拨打电话”。


为了实现这一功能,不同的子类可以采用不同的内部实现逻辑。但从用户使用的角度来看,必须制定统一的规定:


无论子类型如何,任何具备电话功能的对象在实现“拨打电话”功能时,都必须包含两个特定的方法:


具体包括:1. 输入电话号码(数字按键);2. 按下拨号键。


Interface 类与验证函数代码实现

以下是固定的设计模式代码:


代码如下:

 
var Interface = function(name,methods){
if(arguments.length != 2){
throw new Error("Interface constructor called with" + arguments.length + "arguments, but expected exactly 2.");
} 
this.name = name;
this.methods = [];
for(var i = 0,len = methods.length; i <len; i++){
if(typeof methods[i] !== 'string'){
throw new Error("接口方法的名称必须是一个字符串");
} 
this.methods.push(methods[i]);
} 
}; 
//Static class Method
Interface.ensureImplements = function(myobject1,Iobject1){
if(arguments.length!=2){
throw new Error("方法 Interface.ensureImplemnents 指定了" + arguments.length+ "个参数,但是期望的是2个 .");
} 
for(var i=1,len = arguments.length; i<len; i++){
var _interface = arguments[i];
//接口对象,要通过接口类实例出来
if(_interface.constructor !== Interface){
throw new Error("接口,不是通过Interface类,实例出来的");
} 
//把接口对象里面的方法名取出来,结合到本例中的手机对象,来验证,该手机对象是否有这两个方法,且方法名是不是一样;
for(var j=0, methodsLen = _interface.methods.length; j<methodsLen;j++ ){
var method = _interface.methods[j];
if(!myobject1[method]||typeof myobject1[method] !== 'function'){
throw new Error("通过验证函数:Interface.ensureImplements: "+myobject1.name+"对象的方法"+ method + " 找不到或者不是一个Function");
} 
} 
} 
}; 

电话接口示例与对象验证

下面是例子


代码如下:

 
//通过接口类,实例出一个"拔通电话"的接口;现在这个接口对象testInterface,规定了二个方法,且方法名字是"callfun"和"callnum"
var testInterface = new Interface("call",["callfun","callnum"]);
//移动电话类,的构造函数;
var mobilepone = function(call){
this.name = call;
} 
//移动电话类的公有方法
mobilepone.prototype = {
"constructor":mobilepone,
//必须和前面接口对象规定的方法名一样;
"callfun" : function(){
document.write("按键");
}, 
//必须和前面接口对象规定的方法名一样
"callnum" : function(){
document.write("拔号");
} 
} 
//通过移动电话类,实例一个三星的手机对象
var anycall = new mobilepone("anycall");
//检测这个个三星的手机对象,是否实现了[拔通电话]这个接口;即把三星手机对象和接口对象做为参数传入验证函数,进行比较
Interface.ensureImplements(anycall,testInterface);
anycall.callnum();

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章