有关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();