js 创建对象_js 生成指定个数的object-优快云博客

本文详细介绍了JavaScript中创建对象的多种方式，包括直接创建、构造函数、工厂模式、原型创建及混合创建。通过实例展示了Object.create()方法的使用，以及如何设置对象属性和方法。同时，还探讨了不同创建方式在实际开发中的应用场景。

概述
Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象。
语法
Object.create(proto, [ propertiesObject ])

通过Object.create 方法可以创建对象，在这里有两个参数，第一个参数是对象，第二个参数是该对象的属性设置

    ** 直接创建对象**
    var a = Object.create({})
    console.log(a);
    var a = {}
    var a = new Object()
    var a = {
      name: 'le',
      age: 12,
      getName: function () {
        return this.name
      }
    }
    console.log(a.name);

  **构造函数**
    function CreatedObj(name, age) {
      this.name = name
      this.age = age
      this.getName = function () {
        alert(`姓名：${this.name}，年龄：${this.age}`)
      }
    }
    var a = new CreatedObj('lele', 22)
    a.age = 120
    console.log(a.getName());
``
    **工厂模式**
    function CreatedObj(name, age) {
      let Obj = new Object()
      Obj.name = name
      Obj.age = age
      Obj.getName = function () {
        alert(`姓名：${this.name}，年龄：${this.age}`)
      }
      return Obj
    }
    var a = new CreatedObj('帅哥', 25)
    console.log(a.getName());



    **原型创建对象**
    function CreatedObj() {
      CreatedObj.prototype.name = 'lele'
      CreatedObj.prototype.age = 9999
      CreatedObj.prototype.getName = function () {
        alert(`姓名：${this.name}，年龄：${this.age}`)
      }
    }
    var a = new CreatedObj()
    a.getName()


    **混合创建对象**
    function CreatedObj(name, age) {
      this.name = name
      this.age = age
    }
    CreatedObj.prototype.getName = function () {
      alert(`姓名：${this.name}，年龄：${this.age}`)
    }
    var a = new CreatedObj('lelle', 99)
    a.age = 100
    a.name = '帅哥'
    a.getName()