首页 > Web开发 > 详细

JS创建对象的几种方式

时间:2020-07-09 23:34:30      阅读:76      评论:0      收藏:0      [点我收藏+]

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创建对象的几种方式

原文:https://www.cnblogs.com/liyanglin/p/13276713.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!