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:20};    //json对象
    obj.sex = '男';        //新增属性
    obj.age = 25 ;        //修改属性的值
    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:10 , 
        method : function(){
            alert('method....');
        } 
    };    

    
    //实例化一个对象
    var p = new Person('张三',30);
    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,学习之余提高文学修养