最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript设计模式之一Interface接口

来源:懂视网 责编:小采 时间:2020-11-27 20:31:09
文档

JavaScript设计模式之一Interface接口

JavaScript设计模式之一Interface接口:如何用面向对象的思想来写JavaScript,对于初学者应该是比较难的,我们经常用的JQuery其实也是用面向对象的思想去封装的,今天我们来看看如何在Javascript中用Interface,在C#还是JAVA中都应该面向接口设计我们的程序,在C#和Java中都Interfac
推荐度:
导读JavaScript设计模式之一Interface接口:如何用面向对象的思想来写JavaScript,对于初学者应该是比较难的,我们经常用的JQuery其实也是用面向对象的思想去封装的,今天我们来看看如何在Javascript中用Interface,在C#还是JAVA中都应该面向接口设计我们的程序,在C#和Java中都Interfac

如何用面向对象的思想来写JavaScript,对于初学者应该是比较难的,我们经常用的JQuery其实也是用面向对象的思想去封装的,今天我们来看看如何在Javascript中用Interface,在C#还是JAVA中都应该面向接口设计我们的程序,在C#和Java中都Interface这样的关键字,但是JavaScript中没有相应的机制,但是Javascript很灵活,我们可以用它的特性去模仿Interface,但是我们需要加入一些methods来做check的动作。
我们来看下一个Interface的作用:

继承了这个Interface就必须要实现这个Interface中定义的方法(方法签名)

//JavaScript 现在还做不到方法的签名的约束
var Interface = function (name, methods) {

if (arguments.length != 2) {

throw new Error("the interface length is bigger than 2");

}

this.Name = name;

this.Method = [];

for (var i = 0; i < methods.length; i++) {

if(typeof methods[i]!== string) {

throw new Error("the method name is not string");

} this.Method.push(methods[i]);

}

}

/*static method in interface*/

Interface.ensureImplement = function (object) {

if (arguments.length < 2) {

throw new Error("there is not Interface or the instance");

}

for (var i = 1; i < arguments.length; i++) {

var interface1 = arguments[i];

if (interface1.constructor !== Interface) {

throw new Error("the argument is not interface");

}

for (var j = 0; j < interface1.Method.length; j++) {

var method = interface1.Method[j];

if (!object[method] || typeof object[method] !== function) {

throw new Error("you instance doesnt implement the interface");

}

}

}

}
我们来分析一下code,我们现在的做法是用来比较一个Instance中的方法名在接口中是否定义了。
我先定义一个接口(2个参数),第二个参数是接口中的方法名。Check方法用简单的2层for循环来做比较动作。
我们来看下如何去用这个接口:
var Person = new Interface("Person", ["GetName", "GetAge"]); var Man = function (name, age) { this.Name = name; this.Age = age; } Man.prototype = { GetName: function () { return this.Name; }, // GetAge: function () { return this.Age; } } var test = function (instance) { Interface.ensureImplement(instance, Person); var name = instance.GetName(); alert(name); } test(new Man("Alan",20));
如果我们注释了上面的GetAge方法,在执行的时候就会出错。在ensureImplement的时候发现并没有去实现这个方法。

文档

JavaScript设计模式之一Interface接口

JavaScript设计模式之一Interface接口:如何用面向对象的思想来写JavaScript,对于初学者应该是比较难的,我们经常用的JQuery其实也是用面向对象的思想去封装的,今天我们来看看如何在Javascript中用Interface,在C#还是JAVA中都应该面向接口设计我们的程序,在C#和Java中都Interfac
推荐度:
标签: js 接口 java
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top