[Object]面向对象编程（自己总结版）

[Object]面向对象编程（自己总结版）

2014-06-06 面向对象编程

感受：原理javascript也可以用完全面向对象的方式编程，兴奋得一个晚上都没睡好觉。

有种越深入越想编程的状态，有种上瘾的快感。

1，面向对象方式编程

Js代码  

1. function Aa(){
2. //属性设置
3. this.property1:value1,//例如this.nameinput = $("input[‘name‘=name]");
4. this.property2:value2,
5. this.property3:value3,
6. }
7. Aa.prototype.init=function(){
8. //初始化，比如是否隐藏
9. }
10. //方法设置
11. Aa.prototype.method1=function(){
12. }
13. Aa.prototype.method2=function(){
14. }
15. Aa.prototype.method3=function(){
16. }

2，继承

Js代码  

1. function Bb(){
2. }
3. Bb.prototype = new Aa();
4. function Cc(){
5. }
6. Cc.prototype = new Aa();

#2013-08-28  第三次总结

主要是看了《高级程序设计》，发现很多培训机构不过先看书，再讲出来，讲的大多只是概念，没有实用价值（实际工作会比这个复杂，如果只会这些还是写不出优秀的代码，所以只能先再另看优秀的代码，然后在自己写了）。

一、引用类型

基本数据类型是复制，符合数据类型是引用。所有参数传递都是复制。

所以，对象都是引用

二、作用域链、闭包、匿名函数

1，作用域链

2，闭包及this作用域

(1)基本用法

(2)可能面临的问题及如何解决

原因：作用域链

(3)内存泄露

3，模仿块级作用域

三、类、对象、继承

1，类（Function）和对象

私有变量，私有方法：直接在Function内部通过var定义变量，function innerXX(){}定义方法都是私有变量和私有方法。

共有变量，共有方法：

(1)通过this.property1和this.method1

(2)通过prototype定义方法

静态变量，静态方法：

2，继承

使用Call+prototype。call继承共有变量，prototype继承共有方法。

#2013-08-27  第二次总结

面向对象方式，可以把JS做成框架。

原来JS也可以写得很复杂，功能很强大，甚至写成框架。

在面向对象方式编程中，一切皆对象。

Js代码  

1. var Obj = {};
2. Obj.base = {
3. base1:function(){
4. },
5. base2:function(){
6. }
7. };
8. Obj.tool = {
9. tool1:function(){
10. },
11. tool2:function(){
12. }
13. };
14. function MainEntrance(param){
15. this.init(param);
16. }
17. $.extend.(MainEntrance.prototype, {
18. init:function(){
19. this.a = a;
20. this.b = b;
21. },
22. bindEvents:function(){
23. Events.event1();
24. Events.event2();
25. }
26. });
27. var Events = {
28. event1:function(){
29. },
30. event2:function(){
31. }
32. };
33. //再最后调用
34. Obj.init();
35. events.event1();

#2013-03-20  第一次总结

对于一个对象，如：

Js代码  

1. var globalObj = {
2. func1 : function(){
3. //post,get
4. }
5. };
6. //执行的方式可以是：（目的是同时渲染多个页面）
7. (function(pageName){
8. var globalObj = {
9. func1 : function(){
10. //1，post,get方式异步获取数据，以渲染页面
11. //2，php变量获取数据，渲染页面（不体现在这里）
12. //3，初始化监听事件，常见如click等
13. }
14. };
15. globalObj [pageName]&&$(globalObj [pageName]);
16. })(pageName);