Javascript对象的创建的几种方法及其优缺点

╰半夏微凉° 2023-08-17 16:39 189阅读 0赞

Javascript 对象的创建

方法一：Object构造函数模式

先创建空的Object对象，再动态添加属性/方法。

  1. var p = new Object();
  2. p.name = 'Mayandev';
  3. p.age = 22
  4. p.setName = function(name) { 
  5.     this.name = name;
  6. }

上面的方法适用于起始时不确定对象内部数据，缺点是语句太多。

方法二：对象字面量模式

直接使用{}创建对象，同时指定属性或者方法。

  1. var p = { 
  2.     name: 'Mayandev',
  3.     age:22,
  4.     setName: function(name) { 
  5.         this.name = name
  6.     }
  7. }

上面的方法适用于对象内部数据是确定的，但是如果需要创建多个对象，会有重复的代码。

方法三：工厂模式

通过工厂函数动态创建对象并返回

  1. function createPerson(name, age) { 
  2.     var obj = { 
  3.         name: name,
  4.         age: age,
  5.         setName: function(name) { 
  6.             this.name = name;
  7.         }
  8.     return obj;
  9.     }
  10. }

上面的方法适用于需要创建多个对象的情况，但是这样创建的对象没有具体的类型，都是Object类型。

方法四：自定义构造函数模式

自定义构造函数，使用new创建对象。

  1. function Person(name, age) { 
  2.     this.name = name
  3.     this.age = age
  4.     this.setName = function(name) { 
  5.         this.name = name
  6.     }
  7. }

上面的方法适用于需要创建多个类型确定的对象的情况，但是每个对象都有相同的数据，浪费内存。

例如每个对象都有setName函数，这样会导致内存占用。

方法五：构造函数+原型组合模式

自定义构造函数，属性在函数中初始化，方法添加到原型上。

  1. function Person(name, age) { 
  2.     this.name = name
  3.     this.age = age
  4. }
  5. Person.prototype.setName = function(name) { 
  6.     this.name = name;
  7. }

这样可节省一些内存空间，但具体的使用情况仍然看使用情况。

发表评论

表情：
评论列表 （有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读