封装和接口问题

来源:2-3 页面切换部分的代码封装

格拉墨

2016-04-21 23:16

var swipe = Swipe($("#content"));        $('button').click(function() {            // 调用接口            swipe.scrollTo($("#content").width() * 2, 5000);//?        });这是先创造一个构造函数Swipe,接着在构造函数里又创建了一个对象以及它的方法,然后再把构造函数当普通函数一样赋值给一个变量进而返回这个对象?。。。。。也就是接口。

写回答 关注

2回答

  • pengxt
    2016-04-24 18:00:08
    已采纳

    是的,面向接口编程是不需要管接口中具体的实现,我们只需要调用对应的方法就行了

    qq_缔曦_...

    能告诉我Swipe函数里哪个是构造函数吗,我觉得并没有啊。你是说默认的构造函数么,什么都没有的那种? #content传递进Swipe函数,Swipe函数里的所有代码都自动执行,那是不是说Swipe函数里的所有代码都算是它自身默认的构造函数了?

    2016-11-26 15:38:59

    共 1 条回复 >

  • 铁杆约翰
    2016-04-24 18:00:21

    个人感觉这里的封装只是含有面向对象的设计方法,但是不属于真正意义上的封装,这里的Swipe函数里面代码逻辑条理虽然清晰,但是包含多个子逻辑,也就是没有主要的业务逻辑,而且需要传参,如果下次我创建个页面结构,即使也含有容器的话,也不能保证它有像这里的子元素,也就是说,老师这里是给我们提供面向对象的思路,swipe.js这里的作用是分离代码,其中分离代码后形成的swipe.js文件中将动画逻辑在代码内部分离出来了,也就是定义了一个动画接口,使得部分业务逻辑较为清晰,看起来较为舒适,真正的面向对象形成的接口具有高内聚性,低耦合性,对象之间通过接口可以相互利用完成某项业务功能,建议看一下JavaScript设计模式与开发实践,这是个人粗鄙的看法,希望互相学习指导,O(∩_∩)O

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211525 学习 · 540 问题

查看课程

相似问题