通过原型链在JavaScript中定义一个接口
Defining an interface in JavaScript via prototype chain
我知道在像c++这样的几种语言中,您可以创建具有多重继承的类(或者至少使用Java中的接口来模拟它)。在JavaScript中,是否有可能定义一个可以在类上实现的接口?如果是这样,最好的方法是什么,理想情况下,以某种方式结合原型链。下面是可行的,还是有更好的方法?
function Gizmo() {
console.log('Gizmo constructed');
}
Gizmo.prototype.wamboozle = function () {
console.log('wamboozle');
};
function EventEmitter() {
console.log('EventEmitter constructed');
this.events = {};
}
EventEmitter.prototype.on = function (name, callback) {
this.events[name] ? this.events[name].push(callback) : (this.events[name] = [callback]);
};
EventEmitter.prototype.emit = function (name, event) {
if (this.events[name]) {
this.events[name].forEach(function (callback) {
callback(event);
});
}
};
// set up inheritance and implementation
// maybe this could be a possibility?
Doohickey.prototype = Object.create(Gizmo.prototype);
Object.getOwnPropertyNames(EventEmitter.prototype).forEach(function (member) {
Doohickey.prototype[member] = EventEmitter.prototype[member];
});
function Doohickey() {
console.log('Doohickey constructed');
Gizmo.call(this); // initialize base class
EventEmitter.call(this); // initialize interface
}
Doohickey.prototype.turlywoops = function () {
console.log('turlywoops');
};
var myOwnDoohickey = new Doohickey();
// member function works
myOwnDoohickey.turlywoops();
// inherited member function works
myOwnDoohickey.wamboozle();
// interface member functions work
myOwnDoohickey.on('finagle', function (trick) {
console.log(trick);
});
myOwnDoohickey.emit('finagle', {
hello: 'world!'
});
// both true
console.log(myOwnDoohickey instanceof Doohickey);
console.log(myOwnDoohickey instanceof Gizmo);
// don't mind if this isn't necessarily true, though it would be nice
console.log(myOwnDoohickey instanceof EventEmitter);
使用像underscore.js这样的东西,您可以基于两个不相关的原型创建一个新对象,并将其用作原型。在这个例子中,在obj2中定义的属性/方法将覆盖结果对象中obj1中的任何属性/方法。
function IAmMulti(){
}
IAmMulti.prototype=_.extend(_.clone(Obj1.prototype),_.clone(Obj2.prototype));
下面是一个示例:JavaScript继承与_.extend()
你不能在任何级别继承超过1个原型(你可以有一个继承堆栈),接口没有意义,因为javascript是一种动态语言,整个原型链被搜索匹配的名称。没有通过接口访问对象的概念。
在JavaScript中,你最多可以定义一个对象,它将被你的对象继承。这个对象的继承也被你的对象继承,等等,在一个长链中。
function Foo() {
this.fooThisProp = 'tfoo';
}
Foo.prototype = Object.create(null);
Foo.prototype.fooProtoProp = 'pfoo';
function Bar() {
Foo.call(this);
this.barThisProp = 'tbar';
}
Bar.prototype = Object.create(Foo.prototype);
Bar.prototype.barProtoProp = 'pbar';
function Baz() {
Bar.call(this);
this.bazThisProp = 'tbaz';
}
Baz.prototype = Object.create(Bar.prototype);
Baz.prototype.bazProtoProp = 'pbaz';
var obj = new Baz();
obj; // {barThisProp: "tbar", bazThisProp: "tbaz", fooThisProp: "tfoo"}
obj.bazProtoProp; // "pbaz"
obj.barProtoProp; // "pbar"
obj.fooProtoProp; // "pfoo"
obj instanceof Baz; // true
obj instanceof Bar; // true
obj instanceof Foo; // true
始终可以将构造函数应用于对象,该对象不是实例,因此不会继承该构造函数。只是要小心,构造函数不会假定存在继承方法等,
var fizz = {};
Bar.call(fizz);
fizz; // {barThisProp: "tbar", fooThisProp: "tfoo"}
fizz.barProtoProp; // undefined
fizz.fooProtoProp; // undefined
fizz instanceof Bar; // false
fizz instanceof Foo; // false
如果你想写一个方法包装器来做一些事情,那么你几乎可以在任何上下文中使用任何对象
function Buzz() {}
Buzz.prototype = Object.create(null); // Buzz separate from Foo, Bar, Baz
Buzz.prototype.bazLook = function (key) {
return Baz.prototype[key]; // or do something else with the value
}
var buzz = new Buzz();
buzz.bazLook('fooProtoProp'); // "pfoo"
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- 使用clickToggle并在单击另一个元素时关闭元素
- 我可以在json对象中添加一个函数吗
- 如何建立一个网页,检查我的路由器网络接口是否可以访问
- TypeError: 'stepUp' 调用了一个未实现接口 HTMLInputElement ajax
- 强制模块具有特定功能.例如实现一个接口
- 有没有一个javascript引擎(运行时);t实现Timers接口
- Javascript中的节点接口是一个对象吗?
- 从 JavaScript 构造函数返回一个公共接口
- 设计一个“弹出窗口”接口自动更新-甚至可能
- 外部接口在Flash Actionscript 2工作在一个网站,但不是另一个
- Ionic 2 - TypeScript |填充一个接口对象数组
- 如何用Meteor创建一个异步RESTful接口
- 通过原型链在JavaScript中定义一个接口
- 将__proto__分配给一个接口,将其变成一个对象——聪明或危险
- TypeError: & # 39;加速的# 39;在一个对象上调用,这个对象没有在jquery中实现接口HTMLInp