js面向对象模块化

『壹』 面向对象中的"模块化"是什么

就是将一个模块的东西进行封装，你需要这个功能，只需要传入几个重要的参数，然后一个方法会进行一系列复杂的调用，最终实现你这个要的这个模块的功能。
说是一个东西模块话以后，如果需求差不多，直接可以给另一个程序用。就相当一个组件插入。应该是这样。

『贰』 面向对象程序设计的优点是什么

1、维护简单
面向对象程序设计的一个特征就是模块化。实体可以被表示为版类以及同一权名字空间中具有相同功能的类，可以在名字空间中添加一个类而不影响该名字空间的其他成员。这种特征为程序的维护提供了便捷性。

2、可扩充性
如果有一个具有某一种功能的类，就可以扩充这个类，创建一个具有扩充功能的类。

3、代码重用
功能是被封装在类中的，类是作为一个独立实体而存在的，因此可以很简单的提供类库，使代码得以重复使用。

(2)js面向对象模块化扩展阅读

面向对象程序设计(Object Oriented Programming)作为一种新方法，其本质是以建立模型体现出来的抽象思维过程和面向对象的方法。模型是用来反映现实世界中事物特征的。任何一个模型都不可能反映客观事物的一切具体特征，只能对事物特征和变化规律的一种抽象，且在它所涉及的范围内更普遍、更集中、更深刻地描述客体的特征。通过建立模型而达到的抽象是人们对客体认识的深化。

『叁』 想做web前端的工作，应该先学什么

一个专业的前端开发工程师是必须掌握前端开发三大基本基石HTML、CSS，javaScript。光会这些还不够，有了这些语言还需要各种工具的支撑，比较常见的有Dreamweaver，Sublime，HBuilder。还有FontelloFontello、Secureheaders、Visual Studio CodeVisual Studio Code。

工具只能解决一些特定问题，要解决更加全面的问题就要接触到框架，三大基本框架有Angular、React、Vue，当然，以后还会接触到更多Bootstrap、Fbootstrapp、BootMetro、Gumby、IVORY、Kube这样的框架。另外，一个优秀的前端开发工程师可能还要掌握SEO、DOM、BOM、Ajax等技能，甚至，网站性能优化和服务器端的相关基础知识也是需要了解的。

学会这些还不够，前端开发是一门发展的学科，不是学好了就可以停止学习，后面还会接触到更多新的内容。

由此可见，要想学好前端，绝对不简单，前端开发的广度和深度是其他行业所不能比拟的，你必须付出不懈的努力，才能收获这份果实。

『肆』 Js中什么是对象，什么是方法

什么是对象

JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。

对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；

对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等；

JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义，如下使用数组对象：

varobjectName=newArray();//使用new关键字定义对象
或者
varobjectName=[];

访问对象属性的语法:

objectName.propertyName

如使用 Array 对象的 length 属性来获得数组的长度：

varmyarray=newArray(6);//定义数组对象
varmyl=myarray.length;//访问数组长度length属性

以上代码执行后，myl的值将是：6

访问对象的方法：

objectName.methodName()

如使用string 对象的 toUpperCase() 方法来将文本转换为大写：

varmystr="Helloworld!";//创建一个字符串
varrequest=mystr.toUpperCase();//使用字符串对象方法

以上代码执行后，request的值是：HELLO WORLD!

『伍』 如何模块化写jQuery

Base做的事情包括：
给模块增加自定义事件支持
给模块增加set和get方法
设置一些默认执行的方法，比如_init
提供模块的构建功能
提供模块的扩展功能
自定义事件
自定义事件模式是非常实用的，自定义事件用比较专业的词语描述的话，可以称为观察者模式，这种模式背后的主要动机就是促进形成松散耦合。在这种模式中，并不是一个对象调用另外一个对象的方法，而是一个对象订阅另外一个对象的特定活动并在状态改变后等到通知。这意味着我们在做一些事情的时候，不需要关注另外事情的进展，让另外一件事情来监听进展，然后做出对应的处理即可。这样的话，不同的事情之间就不会存在太多的关联，从而降低开发的复杂度。
set和get方法
为了保护和更好地稳定模块的执行，需要对模块参数的修改做一些限制和处理。所以需要提供set和get方法（现在的Base还没有在get的时候做一些处理），set可以用于在设置模块属性的时候，做一些过滤和处理，保证设置值的正确性，而且更重要的是，可以在set中触发一个属性修改的事件，从而可以做到修改属性的时候触发一些其他的变化。get则可以用于在访问属性的时候，对返回的属性做一些处理。对于模块内部而言，还需要有一个私有的_set和_get属性，从而可以和外部对模块的访问进行区分。
一些默认执行的方法
默认执行的方法会在两个地方存放，一个是在构造函数中，还有一个是在模块原型上的initliazer方法中。构造函数内主要处理模块间和实例的关系，这些处理是会继承到子模块中的，而在initliazer中主要处理模块真正相关的要执行的一些实例化方法，这样能保证模块在被继承的时候，自有的一些初始化方法不会被继承下去。而initliazer方法是由_init方法调用的，_init方法是模块实例化的时候必定会执行的方法，而initliazer是一个可选的初始化方法。
模块的构建和扩展
Base核心部分就是对模块的构建和扩展。先上代码
Base._build = function (moleName, superMole, prototypeMethod, attrMember, staticMember, curConstructor) {
//使用prototype方式继承
var Mole = function () {
Mole.superclass.constructor.apply(this, arguments);
//保存对实例的引用
Mole._instances[$.zid(this)] = this;
};
if(curConstructor){
Mole = curConstructor;
}
//如果给定了构造函数，就在给定的构造函数上进行扩展，否则试用默认的构造函数
return Base._handlerClass(moleName, Mole, superMole, prototypeMethod, attrMember, staticMember)
};
Base._handlerClass = function (moleName, mole, superMole, prototypeMethod, attrMember, staticMember) {
var tempFn = function () {
},
o = {
name:moleName,
value:mole
};
//创建对象来保存实例的引用
mole._instances = {};
//模块NAME
if (moleName) {
mole.NAME = moleName;
}
/*Mole.toString = function(){
return moleName;
};*/
//如果没有传入要继承的对象，则默认为Base
superMole = superMole || Base;
attrMember = attrMember || {};
staticMember = staticMember || {};
prototypeMethod = prototypeMethod || {};
//挂载ATTRS属性
//如果是继承于另外一个模块，则需要将ATTRS进行合并处理
if (superMole.NAME !== BASE) {
$.extend(attrMember, superMole.ATTRS);
}
//@20120830修复构造函数自带ATTRS时对应的处理方式
mole.ATTRS = mole.ATTRS || {};
$.extend(mole.ATTRS, attrMember);
//挂在静态属性
$.extend(mole, staticMember);
//拷贝一份prototype，防止构造函数直接执行
tempFn.prototype = superMole.prototype;
mole.prototype = new tempFn();
//把方法添加到Mole的原型上
$.extend(mole.prototype, prototypeMethod);
//修改构造器，防止回溯失败
mole.prototype.constructor = mole;
//保存对超类的引用
mole.superclass = superMole.prototype;
if (superMole.prototype.constructor == Object.prototype.constructor) {
superMole.prototype.constructor = superMole;
}
//保存生成的对象
Base.classList.push(o);
return mole;
};

代码细节都有注释，就不多说，主要还是把具体做的事情描述下
确定构造函数。
创建一个空对象来保存实例的引用。
确定模块名。
确定是否继承于其他模块。
拷贝参数的策略（ATTRS）和静态成员
创建原型并拷贝实例成员（原型上的成员）
修复创建原型后构造器指向不对的问题
创建对超类的引用，从而可以手动访问超类
保存生存的对象引用
返回改造完成后的模块
注：以上构造模块的思路主要参考自YUI3的Base模块。
在下一篇中，将用这个Base模块来构建一个tab组件

『陆』 Javascript 中的类和对象

javascript是弱类型语言，没有java那么成熟
javascript是基于对象，而java是面向对象
所有面向对象编程语言都支持三个概念：封装、多态性和继承
java的特点就是
1面向对象
2可移植性
3安全性
4并发机制
5支持可视化图形界面
JavaScript语言和Java语言是相关的，但它们之间的联系并不像想象中的那样紧密。
二者的区别体现在：
首先，它们是两个公司开发的不同的两个产品，Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能,而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。
其次，JavaScript是基于对象的，而Java是面向对象的，即Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。
第三，两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。
第四，两种语言所采取的变量是不一样的。Java采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。
第五，代码格式不一样。Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。
第六，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用 <script>...</script> 来标识，而Java使用<applet> ... </applet>来标识。
第七，静态绑定和动态绑定。Java采用静态联编，即Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查。JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查，如不经编译则就无法实现对象引用的检查。

首先你没理解好javascript，Javascript的一个重要功能就是基于对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。开发目的是为了可以嵌入Web页面中的基于对象和事件驱动的解释性语言， 并非面向对象。
因为javascript是弱类型语言，所以没有那些成熟的语言那么拘谨，约束不多，反而让它强大，为什么有很多非常聪明的编程人员喜欢研究、开发javascript架包的原因。
因为javascript是弱类型语言.不像c++,C#,java这类型语言!他不支持函数方法重载.你之前写一个方法.后面再写一个相同名字的方法他默认会把上一个方法覆盖掉!这种情况和PHP中相同!
他不像是高等语言支持函数重载.根据不同的参数.返回值调用不同的方法!
他也可以写成类,方法,属性.但是和其它的语言稍有不同!比如
var cls={
my:{a:0},
init:function()
{
alert(this.my.a);
}
};
window.onload=function()
{
cls.init();
}

调用cls.init();
这就是他的类,但是缺少了好多面向对象的一些特性
当然要做到继承还是有可能，那就是通过原型，但是费尽心思去实现了继承，可是还不能说它是面向对象，而面向对象可以很容易做到封装、多态性和继承

『柒』 自学前端，前端开发的学习路线是什么

自学前端其实很辛苦，需要有强大的自制力和坚持下去的学习心，并且做好详细的学习规划严格执行；如果你想学前端，下面的学习路线或许对你有帮助。

前端完整学习路线

第一阶段:

HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。

JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。

JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。

JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。

第二阶段:HTML5和移动Web开发

HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。

CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。

Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。

移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。

第三阶段:HTTP服务和AJAX编程

WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。

PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。

AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。

AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。

第四阶段:面向对象进阶

面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。

面向对象三大特征:继承性、多态性、封装性、接口。

设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

第五阶段:封装一个属于自己的框架

框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。

框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。

框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。

第六阶段:模块化组件开发

面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。

面向模块编程:AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。

第七阶段:主流的流行框架

Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。

常用库:React.js、Vue.js、Zepto.js。

第八阶段:HTML5原生移动应用开发

Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。

Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。

React Native:React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。

HTML5 :HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。

第九阶段: Node.js全栈开发:

快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。

核心模块和对象:全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操做。

祝你学有所成！

『捌』 前端学习方向

你好，前端的学习方向有这么几点

阶段1.前端核心基础

HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和

BOM编程、jQuery框架

阶段2.HTML5 + CSS3 + 移动端核心

HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练

阶段3.移动端

移动端核心、移动端适配、移动端特效

阶段4.服务器端

服务器端开发、数据库操作、前后端交互核心、微信公众号开发

阶段5.JavaScript高级

JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、

JavaScript函数式编程JavaScript设计模式

阶段6.前端必备

性能优化、版本控制工具、模块化、项目构建工具

阶段7.高级框架

React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析

阶段8.小程序

原生小程序入门、原生小程序API使用、小程序框架Mpvue

前端学习方向

你可以根据这个学习的步骤，从上到下看看你自己哪些是掌握的，哪些是没有学过的，这样你就可以查缺补漏及时的找到自己的盲区，然后重点的攻克这些盲区，希望对你有所帮助。