js对象创建的几种方法

一共六种:字面量创建,利用new Object创建,工厂模式,构造函数创建,原型创建模式,混合模式

 //1.字面量创建
        var obj1 = {
            name: '字面量创建'
        };
 //2.基本模式(new Object)
        var obj2 = new Object();
        obj2.name = 'new Object';
        console.log(obj2['name']); //new Object
        //是第一种,第二种方法的缺点所在:它们都是用了同一个接口创建很多对象,会产生大量的重复代码,就是如果你有100个对象,那你要输入100次很多相同的代码。
 //3.工厂模式
        function craetObj3(name) {
            let obj = new Object();
            obj.name = name;
            return obj;
        }
        var obj3 = craetObj3('工厂模式');
        console.log(obj3);
        //缺点:在这个函数中,返回的是对象,无法判断对象时什么类型的,craetObj3,Object
 //4.构造函数模式
        function CrearObj4(name) {
            this.name = name;
            this.run = function() {
                return this.name + '方法';
            }
        }
        var obj4 = new CrearObj4('构造函数');
        console.log(obj4.run()); //构造函数方法
        //缺点:每个方法都要在每个实例上重新创建一遍,方法指的就是我们在对象里面定义的函数。如果方法的数量很多,就会占用很多不必要的内存。
 //5.原型模式
        function Obj5() {}
        Obj5.prototype.name = '原型模式';
        var obj5 = new Obj5();
        console.log(obj5);
        //可以让所有实例共享obj5的属性方法
 //6.组合模式(构造函数和原型模式)
        function Obj(name) {
            this.name = name;
        }
        Obj.prototype = {
            constructor: Obj,
            run: function() {
                console.log(this.name);

            }
        }
        var obj6 = new Obj('组合模式');
        obj6.run();
        //这样不同的实例有自己特有的属性和共享方法
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值