JS定义接口的方式 part1
2018-02-27 10:57
162 查看
<!DOCTYPE html>
<html>
<head>
<title>JS定义接口的方式 part1</title>
</head>
<body>
<script type="text/javascript">
// js定义接口有三种方式(1)
// 1. 注解描述的方式
// 优点: 程序员可以有一个参考
// 缺点:还是一个文档的范畴,这种方式太松散了,没有检查接口的方法是否完全被实现
/*
interface Composite() {
function add(obj);
function remove(obj);
function update(obj);
}
*/
/*
// CompositeImpl implement Composite
function CompositeImpl() {
}
CompositeImpl.prototype.add = function(obj) {
// body...
}
CompositeImpl.prototype.remove = function(obj) {
}
CompositeImpl.prototype.update = function(obj) {
}
var c1 = new CompositeImpl();
*/
// 2. 属性检测的方式
// 特点:对接口进行检测,且耦合性降低。但仍不能检测接口实例方法
/*
interface Composite() {
function add(obj);
function remove(obj);
function update(obj);
}
interface FormItem() {
function select(obj);
}
*/
// CompositeImpl implements Composite, FormItem
/* function CompositeImpl() {
// 显示的在类的内部,接受所实现的接口
// 一般来说是一个规范,在类的内部定义一个数组(名字要固定)
this.implementsInterfaces = ['Composite','FormItem'];
}
CompositeImpl.prototype.add = function(obj) {
alert('cheak add');
}
CompositeImpl.prototype.remove = function(obj) {
}
CompositeImpl.prototype.update = function(obj) {
}
CompositeImpl.prototype.select = function(obj) {
}
// 检测CompositeImpl类的对象的
function cheakCompositeImpl(instance) {
// 判断当前对象是否实现了所有接口
if (!isImplementes(instance,'Composite','FormItem')) {
throw new Error('Object dose not implements a required interface!');
}
}
// 公用的具体检测方法(核心方法)返回值boolean类型
// 这个方法的主要目的就是判
4000
断实例对象有没有实现相关的接口
function isImplementes(Object) {
// arguments对象获得函数的实际参数
for(var i = 1; i < arguments.length; i++) {
// 接受每一个接口的名字
var interfaceName = arguments[i];
var interfaceFound = false;
for(var j = 0; j < Object.implementsInterfaces.length; j++) {
if(Object.implementsInterfaces[j] == interfaceName) {
interfaceFound = true;
break;
}
}
if(!interfaceFound) {
return false;
}
}
return true;
}
var c1 = new CompositeImpl();
cheakCompositeImpl(c1);
c1.add();
*/
</script>
</body>
</html>
<html>
<head>
<title>JS定义接口的方式 part1</title>
</head>
<body>
<script type="text/javascript">
// js定义接口有三种方式(1)
// 1. 注解描述的方式
// 优点: 程序员可以有一个参考
// 缺点:还是一个文档的范畴,这种方式太松散了,没有检查接口的方法是否完全被实现
/*
interface Composite() {
function add(obj);
function remove(obj);
function update(obj);
}
*/
/*
// CompositeImpl implement Composite
function CompositeImpl() {
}
CompositeImpl.prototype.add = function(obj) {
// body...
}
CompositeImpl.prototype.remove = function(obj) {
}
CompositeImpl.prototype.update = function(obj) {
}
var c1 = new CompositeImpl();
*/
// 2. 属性检测的方式
// 特点:对接口进行检测,且耦合性降低。但仍不能检测接口实例方法
/*
interface Composite() {
function add(obj);
function remove(obj);
function update(obj);
}
interface FormItem() {
function select(obj);
}
*/
// CompositeImpl implements Composite, FormItem
/* function CompositeImpl() {
// 显示的在类的内部,接受所实现的接口
// 一般来说是一个规范,在类的内部定义一个数组(名字要固定)
this.implementsInterfaces = ['Composite','FormItem'];
}
CompositeImpl.prototype.add = function(obj) {
alert('cheak add');
}
CompositeImpl.prototype.remove = function(obj) {
}
CompositeImpl.prototype.update = function(obj) {
}
CompositeImpl.prototype.select = function(obj) {
}
// 检测CompositeImpl类的对象的
function cheakCompositeImpl(instance) {
// 判断当前对象是否实现了所有接口
if (!isImplementes(instance,'Composite','FormItem')) {
throw new Error('Object dose not implements a required interface!');
}
}
// 公用的具体检测方法(核心方法)返回值boolean类型
// 这个方法的主要目的就是判
4000
断实例对象有没有实现相关的接口
function isImplementes(Object) {
// arguments对象获得函数的实际参数
for(var i = 1; i < arguments.length; i++) {
// 接受每一个接口的名字
var interfaceName = arguments[i];
var interfaceFound = false;
for(var j = 0; j < Object.implementsInterfaces.length; j++) {
if(Object.implementsInterfaces[j] == interfaceName) {
interfaceFound = true;
break;
}
}
if(!interfaceFound) {
return false;
}
}
return true;
}
var c1 = new CompositeImpl();
cheakCompositeImpl(c1);
c1.add();
*/
</script>
</body>
</html>
相关文章推荐
- JS定义和直接使用匿名函数的三种实现方式
- EffectiveJava(19)导出常量的几种方式 - - 接口只用于定义类型
- JS 接口定义及实现的例子
- JS关于Object定义的两种方式
- js 函数定义三种方式
- JS中定义对象方式五: 使用动态原型方式创建对象
- js 函数定义三种方式
- js 函数定义三种方式
- Golang 如何定义一个接口类型的切片,它可以用来存储混合类型的数据,又如何自定义错误信息输出,以及如何定义变参函数,还有字符串多种拼接方式
- JS中对象定义的几种方式
- 写接口请求类型为get或post的时,参数定义的几种方式,如何用注解(原创)--雷锋
- js和java中数组的区别和定义方式
- js中定义对象的几种方式
- Dubbo的正确打开方式之基本接口定义及异常处理
- js中定义接口
- JS之函数定义的三种方式
- 从零学JS高级程序设计一:定义函数的方式,函数表达式和函数声明的区别
- 002_JavaScript对象定义方式剖析——北京圣思园JavaScript&jsUnit&Ajax&jQuery
- JavaScript学习12 JS中定义对象的几种方式