学习了一天的面向对象总结一下,共分为三类
- -! 老规矩 第一部分是概念性知识!!! 面向对象编程,我们可以把他想象成我们在造人。一个对象便是一个人,这个人有胳膊有腿,这便是一个对象的属性或者方法。。然后再通过用户的操作指令(click,hover等)来调用我们的js(我们制造的小人),控制我们的小人来执行不同的动作!
#_#  貌似我解释的够抽象。。。
当然了面向对象最大的优点就是复用性强、节省代码、提高开发效率、下来来完成我的处女作文章。。。

1、工厂模式
- -#  学习了这个模式真的挺受教的,开始怎么写都有错误,最后通过问了下朋友才弄明白,原来 下面的例子中 var obj = new Object();
这句话中的Object 是不可以改变的,他是js对象(我是这么认为的,如有不对请指出) 当然这句话也可以这么写
var obj = {};   或者  var obj = new  function(){};
//从这几种方式我想大家应该可以猜到我们var obj 只要是等于一个对象({})就是可以的。
 function box(name,age,fuck){
var obj = new Object(); // windows 对象
obj.name = name;
obj.age = age;
obj.run = function (){
return fuck;
};
return obj;
};
var bb = box('小明','38','北京市');
console.log(bb.run()); //北京市
注: 工厂模式生产出来的实例不支持用 prototype 继承!所以为了后期维护代码,不建议经常使用。
看到一篇文章上说,不让使用this  或者 new 的时候使用这种工厂模式。。。有点不懂,,什么情况会不能使用this 或者new 呢??
实在搞不懂这种写法什么时候会用到。。。。好吧不纠结了。。知道这种写法就好。。。。
2、构造函数
也是大家喜欢用的一种方式(更完美的是+原型模式混合着写),
 function dog(){
this.cat = 123;
this.mao = 456;
this.stu = function(){
console.log(this.mao);
}
};
//console.log(typeof dog);
3、原型模式   (继续上面构造函数的例子)
 dog.prototype.gou = function(){
console.log(this.mao);
};
var ani = new dog();
//ani.gou(); 456
//console.log(ani); dog {cat: 123, mao: 456, stu: function, gou: function}

2和3加起来就是个人认为就是完美的开放方式啦。。。。原型+构造函数。
第一次总结这么多。。想想还有些鸡冻呢。。。如何说的不对的地方,还请指出。。
咦? 貌似面向对象还缺一部分吧。。。 貌似还有继承。。除了继承还有其他的嘛? 明天再研究。。。去吃饭。。。。

 

js之面向对象----封装篇的更多相关文章

  1. 深入js的面向对象学习篇(封装是一门技术和艺术)——温故知新(二)

    下面全面介绍封装和信息隐藏. 通过将一个方法或属性声明为私用的,可以让对象的实现细节对其它对象保密以降低对象之间的耦合程度,可以保持数据的完整性并对其修改方式加以约束.在代码有许多人参与设计的情况下, ...

  2. JS难点--面向对象(封装)

    我觉得js的难点之一就是面向对象编程. 面向对象 它是一种编程思想,它在写法上比面向过程相对来说复杂一些: 以下是我学习中关于面向对象的知识点总结:   1.什么是对象 从广义上说,"一切皆 ...

  3. 深入js的面向对象学习篇(继承篇)——温故知新(三)

    写这篇有关继承的文章时,突然想起,几天前的面试.因为习惯在学习知识的时候加上自己的理解,很喜欢用自己话来解释,于是乎当面试被问起继承原理时,噼里啪啦一大堆都是自己组织的话,(也可能是因为个人紧张.外加 ...

  4. 深入js的面向对象学习篇——温故知新(一)

    在学习设计模式前必须要知道和掌握的***. 为类添加新方法: Function.prototype.method = function(name,fn) { this.prototype[name] ...

  5. Atitit usbQb212 oo 面向对象封装的标准化与规范解决方案java c# php js

    Atitit usbQb212 oo 面向对象封装的标准化与规范解决方案java c# php js 1.1. 封装性是面象对象编程中的三大特性之一  三个基本的特性:封装.继承与多态1 1.2. 魔 ...

  6. 【转】第7篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:全自动注册与反射方法分析

    作者: 牛A与牛C之间 时间: 2013-12-12 分类: 技术文章 | 2条评论 | 编辑文章 主页 » 技术文章 » 第7篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  7. 【转】第6篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:自动注册JS脚本+自动反射方法分析

    作者: 牛A与牛C之间 时间: 2013-11-21 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第6篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  8. 【转】第5篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:自动注册JS脚本+委托回调方法分析

    作者: 牛A与牛C之间 时间: 2013-11-19 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第5篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  9. 【转】第4篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:委托回调方法分析

    作者: 牛A与牛C之间 时间: 2013-11-18 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第4篇:Xilium CefGlue 关于 CLR Object 与 JS ...

随机推荐

  1. Java反射探索研究(转)

    林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankakay 摘要:本文详细深入讲解是Java中反射的机制,并介绍了如何通过反射来生成对象.调用函数.取得 ...

  2. BootstrapQ 包Bootstrap tree,dialog等待

    官方网站:http://uikoo9.com/bootstrapQ why 事实上bootstrap已经非常好了,唯一的软肋就是js方面有些薄弱,对照easyui就知道了. 能够非常明显的知道boot ...

  3. 在将 varchar 值 '2,7' 转换成数据类型 int 时失败

    消息 245,级别 16,状态 1,第 1 行在将 varchar 值 '2,7' 转换成数据类型 int 时失败. 原sql select  UserName from s_User  where ...

  4. Swing中弹出对话框的几种方式(转)

    http://www.cnblogs.com/mailingfeng/archive/2011/12/28/2304289.html 在swing中,基于业务的考量,会有对话框来限制用户的行为及对用户 ...

  5. 从一开始,说出事java匿名内部类

    java内部类.匿名类原本以为它们的使用已经很滑, 成绩, 就在昨天晚上12指向时钟发生重大事故.事故的严重程度再说吧,那是因为我没有睡一晚睡眠. 那以下先用一段模拟代码来描写叙述下我出现的问题的: ...

  6. OutputCache说明

    当用户访问该页面,整个页面会server存储在内存中,因此,该页面缓存.当用户再次访问该页面,页面不会再次运行数据操作,页面首先检查server中是否存在缓存.假设缓存存在,则直接从缓存中获取页面信息 ...

  7. 用bat 删除当前文件夹下的某类文件

    @echo on for /r %%f in (*.pdb,*.xml) do del %%f 保存为bat文件执行!

  8. 配置Tomcat出现Unsupported major.minor version 51.0

    在配置tomcat时,配置好jdk1.6,下载的tomcat8.0,结果执行start-up.bat,总是一闪而过,网上查了大量的资料,都说是可能是jdk没配置好,但实际上jdk的环境变量设置正常,后 ...

  9. 飞信免费邮件api,飞信界面

    大家都知道飞信是能够免费发送短信的,可是飞信又没有官方的接口,所以无法借用移动的官方接口实现短信的免费发送,可是还是有一些破解的接口能够使用的. GET方法: 提交格式 http://66.zzuob ...

  10. A星寻路lua实现

    他遇见了自己的主动性的需要找到它的项目的方式,我决定开始学习A明星,为A星我没有深究,它只能说是勉强获得需求.在此和大家分享一下.共同进步. A星有一个公式 f(x) = g(x) + h(x) ,这 ...