JS创建对象的几种方式

JS创建对象方式有很多,这里举例常用的几种方式

一.字面量方式

 //字面量方式1,直接给定属性值
        let person = {
            name="tom"
        }
        //字面量方式2,通过get,set方法操作对象
        let person = {
            name,
            getName: function () {
                return this.name;
            },
            setName: function (name) {
                this.name = name;
            }
        };
        person.setName("tom");  

二.构造函数方式

function person(name,age){
            this.name=name;
            this.age=age;
        }
        let person3=new person("tom",14);
        console.log(person3);

三.工厂模式

 //工厂模式
        function personFactory(name,age){
           let o =new Object();
            o.name=name;
            o.age=age;
            return o;
        }
        let person4=personFactory("jack",16);
        console.log(person4);

四.class关键字

 //class 关键字
        class User{
            constructor(name){
                this.name=name;
            }
            getName(){
                return this.name;
            }
        }
        let user=new User("rose");
        console.log(user);

结果对比:

可以看出,只有在构造函数或者用class时,即用到了"new",这个时候对象有对应明确的类型名称(person,User)

JS创建对象的几种方式_第1张图片

 

你可能感兴趣的:(JS创建对象的几种方式)