此文用来记录学习笔记；
•javascript之对象、面向对象
•可能对于高级语言你可能了解甚至精通OOP面向对象，那么对于javascript你又熟悉多少呢?我们一起来学习javascript面向对象，这样非常有帮助我们理解Ext的基础架构，Ext本身就是一个JS面向对象的框架。
•使用json对象（JavaScript Object Notation）
–JS对象的特性
–对于js来说json对象非常的重要，我们要学会如何操作json对象
•面向对象的概念
–如何定义一个类、如何实例化对象、如何扩展对象(原型prototype)
–单体模式：简单单体、闭包单体、惰性单体、分支单体
–对象的定义其他方式(工厂模型、稳妥对象、聚合对象)
–原型的使用、原型链
–原型的继承（多种方式实现：组合继承、借用构造函数继承、混合继承、掺元类等）
–链式编程
–javascript契约书：接口（注释法、属性检测法、鸭式辨型法）
•设计模式：如果能够掌握JS的设计模式，我相信在以后的Ext学习中，慢慢的研读，体会Ext底层代码的设计，是非常有帮助的。
附上部分栗子代码
1 Ext.onReady(function(){
2 //var obj = new Object();
3 var obj = {name:‘z3‘ , age:20}; //json对象
4 obj.sex = ‘男‘; //新增属性
5 obj.age = 25 ; //修改属性的值
6 delete obj.name ; //删除对象的属性
7
8 //枚举对象内置属性的循环
9 for( var attr in obj){
10 alert(attr + " : " + obj[attr]);
11 }
12
13 //定义了一个js的类
14 var Person = function(name , age){
15 this.name = name ;
16 this.age = age ;
17 // private
18 var _sex = ‘男‘; //js的私有属性
19 this.getSex = function(){
20 return _sex ;
21 };
22 this.setSex = function(sex){
23 _sex = sex ;
24 };
25 };
26 // Person.prototype.id = 10 ;
27 // Person.prototype.method = function(){
28 // alert(this.age);
29 // };
30
31 //原型对象的构造器 总是指向当前对象的模板
32 Person.prototype = {
33 constructor:Person ,
34 id:10 ,
35 method : function(){
36 alert(‘method....‘);
37 }
38 };
39
40
41 //实例化一个对象
42 var p = new Person(‘张三‘,30);
43 alert(p.name);
44 alert(p.id);
45 p.method();
46
47
48 //单体模式: 简单单体
49 var SXT = {};
50 SXT.Array = {
51 each:function(){
52 alert(‘each....‘);
53 },
54 filter:function(){
55 alert(‘filter...‘);
56 }
57 };
58 SXT.staticMethod = function(){
59 alert(‘我是单体下的静态方法！‘);
60 };
61
62 SXT.Array.each();
63 SXT.staticMethod();
64
65 //单体模式: 闭包单体
66 var SXT = (function(){
67 var Array = {
68 each:function(){
69 alert(‘each...‘);
70 }
71 };
72 return {
73 arrayEach:function(){
74 Array.each();
75 }
76 };
77 })();
78 SXT.arrayEach();
79
80 });
推荐给各位推荐个优美文章网www.fishcmonkey.com,学习之余提高文学修养
Ext JS学习第五天 我们所熟悉的javascript（四）
时间： 2024-10-09 15:34:51