JavaScript中的设计模式-优快云博客

本文详细介绍了JavaScript中常见的四种创建对象的方式：工厂模式、构造函数模式、原型模式和单例模式。通过实例展示了每种模式的用法，包括创建对象、属性设置和方法定义。了解这些模式对于深入理解JavaScript的面向对象编程至关重要。

1.工厂模式

<script>
    function people(name, age, sex) {
      var obj = {}
      obj.name = name
      obj.age = age
      obj.sex = sex
      obj.sleep = function () {
        return this.name + '睡觉'
      }
      return obj
    }
    var p1 = people('小明', 10, '男')
    var p2 = people('小红', 10, '女')
    var p3 = people('小蓝', 10, '男')
  </script>

2.构造函数模式

function Person(name, age, sex) {
      this.name = name
      this.age = age
      this.sex = sex
      this.sleep = function () {
        return this.name + '睡觉'
      }
    }
    var p1 = new Person('小名', 10, '男')

3.原型模式

  <script>
    function Person() {

    }
    Person.prototype = {
      name: '小兰',
      age: 10,
      sex: '男',
      sleep: function () {
        return this.name + '睡觉'
      }
    }
    var p1 = new Person()
  </script>

4.单例模式

function Person(name) {
      this.name = name;
    }
    Person.prototype.eat = function () {
      console.log('吃饭');
    }
    var inset = (function () {
      var ins = null
      var fun = function (name) {
        if (ins == undefined) {
          this.name = name;
        }
        //给fun的原型对象上添加sleep方法
        // fun.prototype.sleep = function () {
        //   console.log(this.name);
        // }
      }
      return fun;
    })()
    var p = new inset('张三');
    console.log(p);
    console.log(p.name);