创建对象的5种方法

Object构造函数:

    /**1.通过Object构造函数
     *     先创建空Object对象,再动态添加属性(方法)
     *     适用于起始时不确定内部数据的对象
     *     语句过多
     */
    var doggy = new Object();
    doggy.name = "doggy";
    doggy.age = 18;
    doggy.setNum = function (num) {
        this.num = num;
    };

对象字面量:

    /**2.对象字面量:
     *     使用{}创建对象,同时指定属性(方法)
     *     适用于起始时对象内部数据是确定的  
     *     创建多个对象时,产生重复代码
     */
    var doggy = {
        name: "doggy",
        age: 18,
        setNum: function (num) {
            this.num = num;
        }
    };

工厂模式:

    /**3.工厂模式:
     *     通过工厂函数创建对象并返回
     *     适用于需要创建多个对象时
     *     对象没有具体的属性,都为Object类型
     */
    function creatObj(name, age) {
        var obj = {
            name: name,
            age: age,
            setNum: function (num) {
                this.num = num;
            }
        };
        return obj;  //工厂函数返回所创建的对象
    }

自定义构造函数:

    /**4.自定义构造函数:
     *     自定义构造函数,通过new创建对象
     *     适用于需要创建类型确定的对象
     *     每个对象都有相同的方法,浪费内存
     */
    function Doggy(name, age) {  //对象的具体类型为Doggy
        this.name = name;
        this.age = age;
        this.setNum = function (num) {  //每个对象都有相同的setNum方法
            this.num = num;
        };
    }
    var dog = new Doggy('doggy', 18);  //通过new创建对象
    console.log(dog);

构造函数+原型:

    /**5.自定义构造函数+原型:
     *     自定义构造函数,属性在构造函数中初始化,方法存放于原型中
     *     适用于需要创建多个类型确定的对象
     */
    function Doggy(name, age) {
        this.name = name;
        this.age = age;
    }
    Doggy.prototype.setNum = function (num) {  //方法存于原型中
        this.num = num;
    };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值