js创建对象的几种方法以及优缺点

1.直接创建对象

优点:非常的简单

缺点:不能进行相同对象的量产,他只能一个对象一个对象的创建

var obj={
            name:"张三",
            age:18,
            sex:"男"
        }
        console.log(obj)

2.工厂模式创建

对对函数进行封装,每调用一次就创建一个对象

优点:解决了第一种直接创建对象方法不能对相同对象的量产的问题,他可以对相同对象进行量产

缺点:但是他无法确定类型,就是他只能创建相同对象

比如要我们用下面的代码去创建一个学生对象和一个老师对象,这时候我们的工厂模式就创建不了

function createStudent(name,age,sex){
           var obj={}
           obj.name=name
           obj.age=age
           obj.sex=sex
           obj.showinfo=function(){
               console.log(this)
           }
           return obj
       }
       var s1=createStudent("王五",21,"男")
       s1.showinfo()

3.构造函数创建

构造一个函数,利用this的指向性。

这里的new的作用:1.先创建一个空的对象

                                2.执行后方的函数,然后让函数内部的this指向空对象

                                3.将创建出来的对象返回

优点:可以实现量产,并且能够确定类型

缺点:我们同时创建两个学生时,都得调用Student,但是我们会发现,函数里的showinfo方法会被调用两次。这样会导致内存的消耗。

 function Student(name,age,count){
           this.name=name
           this.age=age
           this.count=count
           this.showinfo=function(){
               console.log(this)
           }
       }

       var s1=new Student("张丹",14,100)
       s1.showinfo()

 4.原型创建对象

这个创建方法就相当于第三种,只不过是对第三种的缺点的一个改进

由第三种创建方法,我们知道了他的一个缺点,就是可能共有的函数会被多次执行。要解决这个就要利用对象的原型,因为利用相同构造函数创建的对象,他们的原型是相同的。所以我们只要在原型中加入他们所共有的函数就可以解决这个内存消耗的问题。

 function Student(name,age,count){
           this.name=name
           this.age=age
           this.count=count
           this.showinfo=function(){
               console.log(this)
           }
       }
       
       var s1=new Student("张丹",14,100)
       var s2=new Student("里斯",15,98)
       s2.showinfo()
       s1.showinfo()

      

 这里可以看到控制台里输出的对象每个showinfo 都占用了一个空间这样就会到值内存的消耗

 function Student(name,age,count){
           this.name=name
           this.age=age
           this.count=count
       }
       
       Student.prototype.showinfo=function(){
        console.log(this)
       }
       var s1=new Student("张丹",14,100)
       var s2=new Student("里斯",15,98)
       s2.showinfo()
       s1.showinfo()

           

 我们只在Student这个对象的原型下添加了函数,之后就不用每次调用都占用内存去存储函数

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript创建对象的方式有以下几种: 1. 对象字面量方式 优点:简单方便,易于理解和维护。 缺点:无法实现继承和封装,对象的复用性较低。 示例代码: ```javascript var person = { name: 'Tom', age: 18, sayHello: function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); } }; ``` 2. 工厂方式 优点:可以多次创建对象实例,对象可以被复用。 缺点:无法实现对象的封装和继承。 示例代码: ```javascript function createPerson(name, age) { var obj = new Object(); obj.name = name; obj.age = age; obj.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; return obj; } var person1 = createPerson('Tom', 18); var person2 = createPerson('Jack', 20); ``` 3. 构造函数方式 优点:可以实现对象的封装,可以多次创建对象实例。 缺点:无法实现对象的继承。 示例代码: ```javascript function Person(name, age) { this.name = name; this.age = age; this.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; } var person1 = new Person('Tom', 18); var person2 = new Person('Jack', 20); ``` 4. 原型方式 优点:可以实现对象的继承,对象的属性和方法可以被多个实例共享,代码简洁。 缺点:对象的属性和方法被共享,可能会出现意外的修改。 示例代码: ```javascript function Person() {} Person.prototype.name = 'Tom'; Person.prototype.age = 18; Person.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; var person1 = new Person(); var person2 = new Person(); ``` 5. 组合方式 组合方式是将构造函数方式和原型方式结合起来使用,既可以实现对象的封装,也可以实现对象的继承。 示例代码: ```javascript function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; var person1 = new Person('Tom', 18); var person2 = new Person('Jack', 20); ``` 总体来说,不同的创建对象方式各有优缺点,应根据具体的需求来选择合适的方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值