JavaScript接口
JavaScript中实现接口的方法有三种:
第一种,使用注释的方法实现接口
特点:
(1)最简单,但是功能最弱
(2)利用 interface和 implement"文字"
(3)把他们用注释的方式表现出来 具体实现如下: 1,用注释定义一个接口
/*
* interface PersonDao(){
* function add(obj);
* function remove(obj);
* function find(id);
* }
* */
(2)用注释来注明实现的接口
/*
* PersonDaoImp implement PersonDao (PersonDaoImp实现接口PersonDao)
* */
var PersonDaoImp=function () { };//定义实现类
//实现
PersonDaoImp.prototype.add=function(obj){
//具体代码
}
PersonDaoImp.prototype.remove=function(obj){
//具体代码
}
PersonDaoImp.prototype.find=function(id){
//具体代码
}
总结:
(1)使用文字的形式告知是谁实现谁
(2)优点,这样是很有意义的,大型项目需要的就是规范和标准,可以在没有写实现之前充分考虑架构和设计
(3)缺点:需要人为的遵守注释中的说明
第二种,使用属性检验法实现接口 。 实质为通过一个属性判断实现了谁
具体如下:
1,用注释来定义一个接口
/*
* interface PersonDao(){
* function add(obj);
* function remove(obj);
* function find(id);
* }
* */
2,用注释来说明实现接口类+实现类中增加属性
/*
* PersonDaoImp implement PersonDao
* */
var PersonDaoImp=function () {
this.implementInterface=["PersonDao"];//告知该类实现的接口是啥是一个数组,
}
PersonDaoImp.prototype.add=function(obj){
alert(obj);
}
PersonDaoImp.prototype.remove=function(obj){
//具体实现
}
PersonDaoImp.prototype.find=function(id){
//具体实现
}
(3)检验属性的方法
//接收一个不定参数 可能有多个 使用Object
function imp1(Object) {
//遍历传入对象的所用属性 i=1:第一个是不定参数,从第二个参数开始遍历接口,故i=1
for(var i=;i<arguments.length;i++){//arguments除Object外
var interfaceName=arguments[i];
var interfaceFind=false;
for(var j=;j<Object.implementInterface.length;j++){
if(Object.implementInterface[j]==interfaceName){
interfaceFind=true;
break;
}
}
if(!interfaceFind){
return false;
}
}
return true;
}
(4)接口与实现类的配合实现
function addObj(obj) {
var PersonDao=new PersonDaoImp();
//开始检查 实现类是否实现接口
if(!imp1(PersonDao,"PersonDao")){//某对象是否实现接口(对象,接口) 第一次参数是对象,第二个参数是不定参数
throw new Error("PersonDaoImp没有实现接口PersonDao");
}else{//实现
PersonDao.add(obj);
}
}
(5)使用
addObj("实现");
总结一下,该种方式只是简单判断了在实现时有没有传递与属性中相同的接口名称,而对于方法是否实现没有做验证。
于是有了第三种的鸭式变形法--检验接口中的方法是否实现。
第三种,鸭式变形法 一种形似的命名方式,从实现角度来理解为:如果对象中具有的方法与接口中定义的方法同名 则认为是实现了本接口。
具体如下:
1,定义一个接口类 注意这里与上面两种不一样了,不用写注释说明了
var Interface=function (name,methods) {//name:接口名字
if(arguments.length<){
alert("必须是两个参数")
}
this.name=name;
this.methods=[];//定义一个空数组装载函数名
for(var i=;i<methods.length;i++){
if(typeof methods[i]!="string"){
alert("函数名必须是字符串类型");
}else {
this.methods.push( methods[i]);
}
}
}
2,定义一个静态方法来实现接口与实现类的 直接检验
注意,静态方法不要写成Interface.prototype ,因为这是写到接口的原型链上的,我们要把静态的函数直接写到类层次上。
Interface.ensureImplement=function (object) {
if(arguments.length<){
throw new Error("参数必须不少于2个")
return false;
}
for(var i=;i<arguments.length;i++){
var inter=arguments[i];
//如果是接口就必须是Interface类型
if(inter.constructor!=Interface){
throw new Error("如果是接口类的话,就必须是Interface类型");
}
//判断接口中的方法是否全部实现
//遍历函数集合
for(var j=;j<inter.methods.length;j++){
var method=inter.methods[j];//接口中所有函数 //object[method]是传入的函数
if(!object[method]||typeof object[method]!="function" ){//实现类中必须有方法名字与接口中所用方法名相同
throw new Error("实现类中没有完全实现接口中的所有方法")
}
}
}
}
3,应用
3.1定义自己的接口
例如:此处定义两个接口
var FirstInterface=new Interface("FirstInterface",["add","remove","search"]);//第一个接口
var SecondInterface=new Interface("SecondInterface",["save"]);//第二个接口
3.2,定义实现类
function commManager() {//实现两个类
//先实现方法
this.add=function () {
alert("ok--实现");
}
this.remove=function () {
}
this.search=function () {
}
this.save=function () {
}
//检验
Interface.ensureImplement(this,GridManager,formManager);
}
3.3,实现类的实例化
var comm=new commManager();
comm.add();//调用
总结:三种方式都有自己的优势与缺点,每种的选择需要根据自己的需要进行选择。但是在设计的时候实现类间低耦合的相当重要的。
本人初学,若有不足之处,还希望大家能多多指出,大家相互学习,谢谢。
JavaScript接口的更多相关文章
- Javascript 接口模拟
Javascript接口模拟可以通过三种方式实现文档手段(注释).辅助类和鸭式辨. 第一种和第二种只形式上体现没有真正的实现. 鸭式辨实现原理是:"只要能像鸭子一样叫和走就是鸭子" ...
- WebSocket简单介绍(WebSocket JavaScript 接口)(2)
上一节介绍了 WebSocket 规范,其中主要介绍了 WebSocket 的握手协议.握手协议通常是我们在构建 WebSocket 服务器端的实现和提供浏览器的WebSocket 支持时需要考虑的问 ...
- javascript设计模式开篇:Javascript 接口的实现
javascript语言不像java. c#. c++等面向对象语言那样有完备的接口支持,在javascript中,接口的实现有三种方式,分别为注释描述.属性检查.鸭式变形.注释描述实现起来最为简单, ...
- face-api.js:一个在浏览器中进行人脸识别的 JavaScript 接口
Mark! 本文将为大家介绍一个建立在「tensorflow.js」内核上的 javascript API——「face-api.js」,它实现了三种卷积神经网络架构,用于完成人脸检测.识别和特征点检 ...
- VLC的相关文档以及javascript接口
参看下面链接:VLC相关文档
- javascript接口注释法
//注释法//简单,功能弱 利用 大型的项目靠得是规范和标准 有充分时间 缺点:人为的遵守/** interface personDao{* function add(obj);* function ...
- 深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP
前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第4篇,接口隔离原则ISP(The Interface Segregation Principle). 英文原文:htt ...
- 面向对象在JavaScript中的接口实现
接口是面向对象编程的基础.它是一组包括了函数型方法的数据结构,与类一样.都是编程语言中比較抽象的概念.比方生活中的接口.机顶盒.人们利用它来实现收看不同频道和信号的节目,它宛如对不同类型的信息进行集合 ...
- [技术学习]js接口继承
js是面向对象语言,但是js又缺乏了面向对象的诸多特性,比如继承,没有接口继承也没有父类继承,因此有时候需要人工来实现继承. 一.首先看下java中面向对象的继承: //定义类鸟类的飞行动作 inte ...
随机推荐
- CentOS iSCSI服务器搭建------Initiator篇
服务器信息: [root@initiator ~]# cat /etc/redhat-release CentOS release 6.6 (Final) [root@initiator ~]# un ...
- mssql-在一个特定的会话停止出发器
用SET CONTEXT_INFO来实现 --在某个会话里设置 SET CONTEXT_INFO 0x8888 --在触发器里判断 ) SELECT @Cinfo = Context_Info() 原 ...
- MYSQL:基础——触发器
MYSQL基础——触发器 引入触发器 什么是触发器 如果你想要某条语句(或某些语句)在事件发生时自动执行.比如: 每当订购一个产品时,都从库存数量中减去订购的数量:无论何时删除一行,都在某个存档表中保 ...
- Sql Server2008——存储过程编程简单例子
主要介绍: 存储过程的定义方法及其使用方法. 实例介绍: 1 创建学生表Student create database Stu use Stu go CREATE TABLE Student ( Sn ...
- ubuntu配置jdk环境
简单记录如下: 1. 下载JDK并解压后,复制到想要放置的目录,本文以“/usr/lib/jdk”为例: 2. 编辑配置文件,可以是“/etc/profile”或者“~/.bashrc”. 输入命令“ ...
- 316python 基础之计算机基础、Python简介、变量、注释、基础数据类型初识、if、while、语句
一.计算机基础. cpu:相当于人的大脑,运算与控制中心. 速度 飞机 内存:4G,8G,16G....暂时存储,供给cpu数据. 速度 高铁.成本高,断电即消失. 硬盘:相当于你电脑的数据库,存储着 ...
- 《机器学习实战》学习笔记第八章 —— 线性回归、L1、L2范数正则项
相关笔记: 吴恩达机器学习笔记(一) —— 线性回归 吴恩达机器学习笔记(三) —— Regularization正则化 ( 问题遗留: 小可只知道引入正则项能降低参数的取值,但为什么能保证 Σθ2 ...
- MongoDB分片搭建
环境 $ cat /etc/redhat-release CentOS Linux release 7.0.1406 (Core) $ uname -a Linux zhaopin-2-201 3.1 ...
- android 真心话大冒险 摇色子
android 真心话大冒险 摇色子 软件
- hdu 5475 线段树
An easy problem Time Limit: 8000/5000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) ...