javascript-01

Posted 2020-07-12

##javascript对象

创建简单对象：<br>
eg:<br>
 没有类的概念，表示对象通过function来表示
<code>

        function Dog(name,age){
            //浏览器会产生一个对象object
            this.name=name;
            this.age=age;
            this.eat=function(){
            alert(this.name+"一天吃两斤狗粮。");
            }
            //可以看成浏览器默认返回一个对象。
        }
        var dog=new Dog("黄","4");
</code>
<br>动态添加属性：<br>
<code>
            
        dog.color="黄色";
        dog.play=function(){
            alert("就是想耍。");
        }
</code>





**工厂模式**<br>
 //工厂模式：负责生产对象，外部调用不会管内部的实现方式。<br>
 <code>

        function createObj(name,address){
        var stu=new object();
        stu.name=name;
        stu.address=address;
        stu.sleep=function(){
            console.info("睡觉");
        }
            return stu;//每次产生对象就要把结果返回去，不然产生的对象无效。
                        如何没有返回值那么返回的则是undefined。
    }
         var su1=new createObj("罗纳尔多","巴西");
        var su2=new createObj("梅西","阿根廷");
    

</code>
##构造加原型
eg:<br>
<code>

        function Phone(name){
        this.name = name;
        if(Phone.prototype.peijian() == undefined){
            Phone.prototype.peijian=function(){/*构造加原型节约了内存职员提高效率*/
                console.info("送手机套");
            }
        }
    }
</code>


##Json
1.用于储存和传输数据的一种格式,<br>
2.经常用于服务器和客户端传输数据，<br>
3.是一种轻量化的数据交换格式，<br>
4.用大括号保存数据，每个数据之间用“，”隔开。<br>
eg:<br>
<code>

        var person={
            name:"peter",
            age:28,
            hobby:"football",
            arr:[1,2,3,4,5]
        }
</code>

##继承--对象的冒充

父类对象：
<code>

        function People(name,age){
        this.name=name;
        this.age=age;
        this.say = function(){
            console.info("我是大爷"+this.name);
        }
    }
</code>



<code>

        function BlackPeople(name,age){
        this.inherit=People;/*当前白人这个对象吧People当成他的父类*/
        this.inherit(name);
    }
</code>

<br>用call方式实现冒充<br>
<code>
    
        function  WhitePeople(name){
        People.call(this,name);//call的方式实现冒充
        this.color=function(){
            console.info("我是白人"+name);
        }
    }
</code>

用apply的方式实现冒充,必须传递一个数组
<code>

         function  WhitePeople(name){
        People.apply(this,[name]);//用apply的方式实现冒充， 传递一个数组
        this.color=function(){
            console.info("我是白人"+name);
        }
    }
</code>


##原型链继承（prototype解释）
<code>

        WhitePeople.prototype=new People();//当前这个对象的原型是People
        var peo=new People()
</code>