Js声明对象的5种总结方法详解

 <script>
//内置函数
        var obj1=new Object();
        obj1.name="zhuyu";
        obj1.age=21;
        obj1.uni=function(){
            console.log(this.name+this.age);
        }
        console.log(obj1);
        obj1.uni();

//字面量
        var obj2={
            name:"zhuyu2",
            age:21,
            uni2:function(){
                console.log(this.name+this.age)
            }
        }
        console.log(obj2);
        obj2.uni2();


// 自定义函数
        function Obj(name,age){
            this.name=name;
            this.age=age;
            this.uni3=function(){
                console.log(this.name+this.age)
            }
        }
        var obj3=new Obj("zhuyu3",21);
        console.log(obj3);
        obj3.uni3();

// Es6类

        class Obj2{
            constructor(name,age){
                this.name=name;
                this.age=age;
            }
            uni4(){
        console.log(this.name+this.age)
            }
        }
        var obj4=new Obj2("zhuyu4",21);
        console.log(obj4);
        obj4.uni4();

//使用Object.create()

        var person={
            image:"true",
            uni5:function(){
                console.log(`名字是${this.name}，年龄是${this.age}`);
            }
        }
       var obj5=Object.create(person);
       obj5.name="zhuyu5";
       obj5.age=21;
       obj5.image=false;
       obj5.uni5();
       console.log(obj5)
    </script>

使用Object.create()方法的作用是，创建一块新的地址。将这块新的地址存入一个对象副本，因此改这个对象就不会影响原对象