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

此文用来记录学习笔记；

•javascript之对象、面向对象

•可能对于高级语言你可能了解甚至精通OOP面向对象，那么对于javascript你又熟悉多少呢?我们一起来学习javascript面向对象，这样非常有帮助我们理解Ext的基础架构，Ext本身就是一个JS面向对象的框架。

•使用json对象（JavaScript Object Notation）

–JS对象的特性

–对于js来说json对象非常的重要，我们要学会如何操作json对象

•面向对象的概念

–如何定义一个类、如何实例化对象、如何扩展对象(原型prototype)

–单体模式：简单单体、闭包单体、惰性单体、分支单体

–对象的定义其他方式(工厂模型、稳妥对象、聚合对象)

–原型的使用、原型链

–原型的继承（多种方式实现：组合继承、借用构造函数继承、混合继承、掺元类等）

–链式编程

–javascript契约书：接口（注释法、属性检测法、鸭式辨型法）

•设计模式：如果能够掌握JS的设计模式，我相信在以后的Ext学习中，慢慢的研读，体会Ext底层代码的设计，是非常有帮助的。

 

附上部分栗子代码

 Ext.onReady(function(){
     //var obj = new Object();
     var obj = {name:'z3' , age:};    //json对象
     obj.sex = '男';        //新增属性
     obj.age =  ;        //修改属性的值
     delete obj.name ;    //删除对象的属性

     //枚举对象内置属性的循环
     for( var attr in obj){
         alert(attr + " : " + obj[attr]);
     }

     //定义了一个js的类
     var Person = function(name , age){
         this.name = name ;
         this.age  = age ;
         // private
         var _sex = '男';    //js的私有属性
         this.getSex = function(){
             return _sex ;
         };
         this.setSex = function(sex){
             _sex = sex ;
         };
     };
 //    Person.prototype.id = 10 ;
 //    Person.prototype.method = function(){
 //        alert(this.age);
 //    };

     //原型对象的构造器 总是指向当前对象的模板
     Person.prototype = {
         constructor:Person ,
         id: ,
         method : function(){
             alert('method....');
         }
     };    

     //实例化一个对象
     var p = new Person('张三',);
     alert(p.name);
     alert(p.id);
     p.method();

     //单体模式: 简单单体
     var SXT = {};
     SXT.Array = {
         each:function(){
             alert('each....');
         },
         filter:function(){
             alert('filter...');
         }
     };
     SXT.staticMethod = function(){
         alert('我是单体下的静态方法！');
     };

     SXT.Array.each();
     SXT.staticMethod();

     //单体模式: 闭包单体
     var SXT = (function(){
         var Array = {
             each:function(){
                 alert('each...');
             }
         };
         return {
             arrayEach:function(){
                 Array.each();
             }
         };
     })();
     SXT.arrayEach();

 });

推荐给各位推荐个优美文章网www.fishcmonkey.com,学习之余提高文学修养