有关Js 创建对象的几种方式

JS 创建对象的几种方式

• new Object（）构造函数

         var student1 = new Object();
         student.name = "zs";
         student.id = 123;
         student.message = function(){
                 console.log("name:" + name + "id:" + id);
          }

      //调用方法
      student1.message();

• 对象字面量{}

  var student2 = {
         name: "zs",
         id: 123,
         message: function(){
              console.log("name:" + name + "id:" + id);
         }
  }
  student2.message();

• 工厂函数

  function createStudent(name,id){
        var student = new Object();
        student.name = name;
        student.id = id;
        student.message = function(){
           console.log("name:" + this.name + "id:" + this.id);
        }
        return student;
  }

  //字面量写法
  function createStudent(name,id){
      return {
                name : name;
                 id : id;
                 message : function(){
                      console.log("name:" + this.name + "id:" + this.id);
                 }
       };
  }

  //生成真正的对象
  var student3 = createStudent("zs",456);

  var student4 = createStudent("zw",123);

  student3.message();

• 自定义构造函数

  • 构造函数是根据具体的事物抽象出来的抽象模板

  • 实例对象是根据抽象的构造函数模板得到的具体实例对象

  • 与工厂函数不同的是，构造函数的命名首字母大写，构造函数内部，不用构造一个空对象再赋值给变量里，直接将属性添加给this关键字，没有return语句。

   function Student(name,id){
        this.name = name;
        this.id = id;
        this.message = function(){
                console.log(this.name + "," + this.id);
        };
  }

  //生成对象实例
  var student5 = new Student("ls",789);

  //调用方法
  student5.message();