JS创建对象的四种方式

对象:特指某个事物,具有属性和方法
创建对象:实例化一个对象的同时对其属性进行初始化

1、字面量创建对象

var obj1={
    name:"amethyst",
    color:"blueviolet",
    code(){
        console.log('love coding');
    }
}
console.log(obj1.color);//blueviolet
obj1.code();//love coding

2、调用系统的构造函数创建对象

var obj2=new Object();
obj2.name="lanlan";
obj2.color="pink";
obj2.eat=function(){
    console.log('love eating');
}
console.log(obj2.name);//lanlan
obj2.eat();//love eating

以上两种方法在使用同一接口创建多个对象时,会产生大量重复代码,为了解决此问题,工厂模式被开发

4、工厂模式创建对象

 function creatObject(name,hobby){
     var obj=new Object();
     obj.name=name;
     obj.hobby=hobby;
     obj.sleep=function(){
         console.log('sleep all day');
     };
     return obj;
 }
 var obj4=creatObject('zhao','eating');
 console.log(obj4.name);//zhao
 obj4.sleep();//sleep all day

工厂模式解决了重复实例化多个对象的问题,但是没有解决对象识别的问题,因为全部都是Object,不像Date、Array等,因此出现了构造函数模式

3、自定义构造函数创建对象

function Person(name,age){
    this.name=name;
    this.age=age;
    this.dream=function(){
        console.log('go ahead');
    }
}
var obj3=new Person('puppy',18);
console.log(obj3.name);//puppy
obj3.dream();//go ahead

工厂模式创建对象和自定义构造函数创建对象都是函数,都可以传入参数,不同的是:
工厂模式函数名是小写,在函数内调用系统构造函数Object创建对象,为对象添加属性或方法后返回,直接调用函数就可以创建对象;
自定义构造函数的函数名首字母大写,this是当前对象,通过new的方式来创建对象

  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值