面向对象的初级思想

1.通过构造函数来创建对象；

注意：尽量在原型中添加方法，在构造函数中添加属性，能够减少内存的占用，但是公共的属性和常量的值可以放到原型对象上去；

<script>
//    构造函数
    function Sprite(){
        this.name='222';
        this.age='19';
    }
//    函数原型
    Sprite.prototype.show=function(){
        console.log(this.name);
    }
//通过构造函数创建的对象
    var s=new Sprite();
    console.log(s.name);//222
    console.log(s.age);//19
    console.log(s.show);//show函数体；
</script>

2，把函数及对象的属性参数化：

<script>
    function Sprite(name,color,age){
        this.name=name;
        this.age=age;
    }
    Sprite.prototype.show=function(){
        console.log(this.name);
    }
    var s=new Sprite('sss','red',20);
    s.show();//sss;
</script>

3.将参数对象化：

<script>
  function Sprite(option){
        this.name=option.name;
        this.age=option.age;
}
    Sprite.prototype.show=function(){
        console.log(this.name);
    }
    var s=new Sprite({
            name:'222',
            age:20
    });
  s.show();//222;
</script>

4，初始化封装

<script>
    function Sprite(option){
        this._init(option);
    }
    Sprite.prototype={
        _init:function(option){//初始化： 加下划线进行区分，这个仅用于内部调用。
            this.name = option.name;
            this.age = option.age;
            this.color = 'red';
    },
    angleToRad:function(angle){
        return angle*Math.PI/180;
    },
    show:function(arg){
        console.log(this.angleToRad(30));
        console.log('ss'+arg);
    }
    };
    var s=new Sprite({
        name: 'sss',
        age: 19
    });
    s.show('sunshine');//0.52
    s.demo='ss';//sssunshine;
</script>