资讯专栏INFORMATION COLUMN

模块化编程、MVC、面向对象编程

W4n9Hu1 / 1129人阅读

摘要:模块化编程所谓模块化编程,就是将代码模块化,每一块代码都只进行一种操作,可以这样理解吧。将所有的重复的代码都提取出来形成对象构造函数等,在需要使用的时候,调用或者使用等进行操作。

模块化编程

所谓模块化编程,就是将代码模块化,每一块代码都只进行一种操作,可以这样理解吧。

全局变量和局部变量的转换

模块化编程重要的一点就是,在一个模块里,所有的变量都是局部变量(对整个项目来说,对这个模块来说当然可以是全局变量了)

模块化编程如何将全局变量转变为局部变量:

把所有代码都放在一个函数里面

再执行这个函数

这样除了这个函数是全局变量,其它都变成限制在这个函数里的局部变量了

我连那个函数这个全局变量都不想要了:

设置为匿名函数

立即执行,直接call()

function(){
    //your code
}.call()

函数立即执行的优点:

没有全局变量

而只有用函数才能有局部变量

不好意思,chrome不支持,的解决办法:

前面加!表示这是个立即执行函数。不过会对这个函数的返回值取反,不过立即执行了就没了,不关心它的返回值

!function(){
    //your code
}.call()

()包起来。问题是如果前面有代码,比如xxx(function(){}).call(),这就等于调用xxx了,等价于xxx().call()。。。function(){}只是传入的参数

(function(){
    //your code
}).call()

把函数名设置成随机数。机智(๑•̀ㅂ•́)و✧~~

MVC

MVC是一种代码整理的思路

Model:用来存储数据相关的操作

View:用来存储表现层的元素,用户看的见的页面上的元素

Controller:用来存储各种行为、逻辑代码


上面这张图可以很好的展现MVC之间的互动关系。

首先,用户只能接触到V上的东西,就是页面所展现的内容

当用户和V开始交互了,一直在监听VC会知道哪一个元素被动了,就会运行相应的代码

通常情况下,C会调用M,这个时候,M就会向服务器server发送请求要数据,server自然会返回一个响应

获得响应的M将数据返回给CC再将数据更新在V上,就是再页面上更新

面向对象编程

愚见:深度模块化。将所有的重复的代码都提取出来形成对象、构造函数等,在需要使用的时候,调用或者使用new等进行操作。

this的几个小例子
button.onclick=function(){
    console.log(this);
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98353.html

相关文章

  • 大前端2018现在上车还还得及么

    摘要:面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象,,,事件驱动,事件发射器加密解密,路径操作,序列化和反序列化文件流操作服务端与客户端。 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对...

    stormgens 评论0 收藏0
  • 大前端2018现在上车还还得及么

    摘要:面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象,,,事件驱动,事件发射器加密解密,路径操作,序列化和反序列化文件流操作服务端与客户端。 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对...

    mylxsw 评论0 收藏0
  • Spring框架之我见(三)——IOC、AOP

    摘要:模块负责的所有面向切面的功能。总结的统一管理,降低了对象之间的耦合对主流的框架提供了很好的集成支持提供众多组件,事务管理,等具有高度可开放性,开发者可以自由选择部分或全部主要使用工厂模式和代理模式。 聊完了Spring框架中最重要的两种设计模式,我们来看一下Spring框架的模块和结构图。 Spring框架的结构 下图是Spring官方给出的Spring框架的结构图。 showImg(...

    khs1994 评论0 收藏0
  • SSM框架网站后台搭建(一)

    摘要:传统的代码中,在类中调用其他对象,都是自己出来一个对象,然后调用,这样代码的耦合度就比较高。日志对象和主程序的耦合度降到最低,即使更改日志对象的操作,主程序不受影响。 SSM框架网站后台搭建(一) 1.所用技术简单介绍 1.SSM中的S:Spring Spring在百度词条上的解释是: Spring是一个开放源代码的设计层面框架,他解决的是业务逻辑层和其他各层的松耦合问题,因此它将面向...

    ZweiZhao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<