Ext JS学习第五天 我们所熟悉的javascript（四）

 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 });