JS对象的五种创建模式

方法一:object构造函数模式

      let p = new Object()
      p.name = 'Tom'
      p.age = 12
      p.setName = function(name) {
        this.name = name
      }
      console.log(p.age, p.name)
      p.setName('jack')
      console.log(p.age, p.name)

这种方式适用于起始时不确定对象内部的数据,但是这种方式的语句过多

方式二:对象字面量

      let p = {
        name: 'tom',
        age: 12,
        setName: function(name) {
          this.name = name
        }
      }
      console.log(p.age, p.name)
      p.setName('jack')
      console.log(p.age, p.name)

这种方式适用于起始时对象内部的数据是确定的,但是如果创建多个对象,会有重复的代码

方式三:工厂模式

      function person(name, age) {
        return {
          name: name,
          age: age,
          setName: function(name) {
            this.name = name
          }
        }
      }
      let p = person('tom',12)
      console.log(p.age, p.name)
      p.setName('jack')
      console.log(p.age, p.name)

这种方式适用于创建多个对象,但是创建的对象没有具体的类型,都是Object类型

方式四:自定义构造函数

      function Person(name, age) {
        this.name = name
        this.age = age
        this.setName = function(name) {
          this.name = name
        }
      }
      let p = new Person('tom', 12)
      console.log(p.name, p.age)
      p.setName('jack')
      console.log(p.name, p.age)

这种方式适用于创建多个类型确定的对象,但是每个对象都有相同的数据,浪费内存

方式五:构造函数+原型的组合模式

      function Person(name, age) {
        // 在构造函数中只初始一般属性
        this.name = name
        this.age = age
      }
      Person.prototype.setName = function(name) {
        this.name = name
      }

      var p1 = new Person('Ton', 23)
      var p2 = new Person('Jack', 13)
      console.log(p1, p2)
      p1.setName('Bob')
      console.log(p1, p2)

猜你喜欢

转载自blog.csdn.net/qq_44313091/article/details/107953513