<small id='W8w5B'></small><noframes id='W8w5B'>

    <bdo id='W8w5B'></bdo><ul id='W8w5B'></ul>
    <tfoot id='W8w5B'></tfoot>

      <i id='W8w5B'><tr id='W8w5B'><dt id='W8w5B'><q id='W8w5B'><span id='W8w5B'><b id='W8w5B'><form id='W8w5B'><ins id='W8w5B'></ins><ul id='W8w5B'></ul><sub id='W8w5B'></sub></form><legend id='W8w5B'></legend><bdo id='W8w5B'><pre id='W8w5B'><center id='W8w5B'></center></pre></bdo></b><th id='W8w5B'></th></span></q></dt></tr></i><div id='W8w5B'><tfoot id='W8w5B'></tfoot><dl id='W8w5B'><fieldset id='W8w5B'></fieldset></dl></div>

      1. <legend id='W8w5B'><style id='W8w5B'><dir id='W8w5B'><q id='W8w5B'></q></dir></style></legend>

        JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】

        时间:2023-12-10

              <legend id='q7Ip2'><style id='q7Ip2'><dir id='q7Ip2'><q id='q7Ip2'></q></dir></style></legend>

              <i id='q7Ip2'><tr id='q7Ip2'><dt id='q7Ip2'><q id='q7Ip2'><span id='q7Ip2'><b id='q7Ip2'><form id='q7Ip2'><ins id='q7Ip2'></ins><ul id='q7Ip2'></ul><sub id='q7Ip2'></sub></form><legend id='q7Ip2'></legend><bdo id='q7Ip2'><pre id='q7Ip2'><center id='q7Ip2'></center></pre></bdo></b><th id='q7Ip2'></th></span></q></dt></tr></i><div id='q7Ip2'><tfoot id='q7Ip2'></tfoot><dl id='q7Ip2'><fieldset id='q7Ip2'></fieldset></dl></div>
            1. <small id='q7Ip2'></small><noframes id='q7Ip2'>

                <tbody id='q7Ip2'></tbody>
            2. <tfoot id='q7Ip2'></tfoot>
                • <bdo id='q7Ip2'></bdo><ul id='q7Ip2'></ul>

                • JavaScript创建对象方式总结

                  在JavaScript中,我们可以使用多种方式来创建对象,包括工厂模式、构造函数模式、原型模式等。下面将针对每种方式进行详细讲解。

                  工厂模式

                  工厂模式是一种基本的对象创建方式,通过工厂函数来创建对象。这种方式可以避免重复代码,提高了代码的可复用性。

                  实现一个创建人物的工厂,示例代码如下:

                  function createPerson(name, age, gender) {
                    return {
                      name: name,
                      age: age,
                      gender: gender,
                      sayName: function () {
                        console.log(this.name);
                      }
                    };
                  }
                  
                  var person1 = createPerson("Tom", 18, "male");
                  var person2 = createPerson("Jerry", 20, "female");
                  
                  person1.sayName(); // Tom
                  person2.sayName(); // Jerry
                  

                  在上述示例代码中,我们首先定义了一个createPerson函数,这个函数接收三个参数,分别为name、age、gender。然后,我们通过return语句返回一个对象,这个对象包含了三个属性,分别为name、age、gender,并且还包含了一个方法sayName。最后,我们分别通过createPerson函数来创建了两个对象person1和person2,并且调用了它们的sayName方法。

                  构造函数模式

                  与工厂模式相比,构造函数模式可以更加规范和严谨地创建对象。在这种方式中,我们通过构造函数来创建一个新的对象,并且可以通过this关键字来指向当前对象。

                  实现一个创建人物的构造函数,示例代码如下:

                  function Person(name, age, gender) {
                    this.name = name;
                    this.age = age;
                    this.gender = gender;
                    this.sayName = function () {
                      console.log(this.name);
                    };
                  }
                  
                  var person1 = new Person("Tom", 18, "male");
                  var person2 = new Person("Jerry", 20, "female");
                  
                  person1.sayName(); // Tom
                  person2.sayName(); // Jerry
                  

                  在上述示例代码中,我们首先定义了一个Person函数,这个函数使用了this关键字来指向当前创建的对象,并且分别为这个对象添加了name、age、gender和sayName四个属性和方法。然后,我们通过new关键字来创建了两个新的对象person1和person2,并且调用了它们的sayName方法。

                  原型模式

                  原型模式是一种创建对象的方式,它通过原型来共享属性和方法,从而提高了代码的复用性和效率。

                  实现一个创建人物的原型模式,示例代码如下:

                  function Person(name, age, gender) {
                    this.name = name;
                    this.age = age;
                    this.gender = gender;
                  }
                  
                  Person.prototype.sayName = function () {
                    console.log(this.name);
                  };
                  
                  var person1 = new Person("Tom", 18, "male");
                  var person2 = new Person("Jerry", 20, "female");
                  
                  person1.sayName(); // Tom
                  person2.sayName(); // Jerry
                  

                  在上述示例代码中,我们首先定义了一个Person函数,并且通过this关键字为这个对象添加了name、age、gender三个属性。然后,我们通过Person.prototype对象为这个对象添加了一个sayName方法。最后,我们通过new关键字来创建了两个新的对象person1和person2,并且调用了它们的sayName方法。

                  总结

                  通过工厂模式、构造函数模式和原型模式,我们可以创建出多种对象。其中,工厂模式可以避免重复代码,提高了代码的可复用性;构造函数模式可以更加规范和严谨地创建对象,并且可以通过this关键字来指向当前对象;原型模式通过原型来共享属性和方法,从而提高了代码的复用性和效率。根据实际的需求,我们可以选择合适的方式来创建对象。

                  上一篇:Android基于API的Tabs3实现仿优酷tabhost效果实例 下一篇:Java将json对象转换为map键值对案例详解

                  相关文章

                  • <bdo id='hNXcP'></bdo><ul id='hNXcP'></ul>

                    <i id='hNXcP'><tr id='hNXcP'><dt id='hNXcP'><q id='hNXcP'><span id='hNXcP'><b id='hNXcP'><form id='hNXcP'><ins id='hNXcP'></ins><ul id='hNXcP'></ul><sub id='hNXcP'></sub></form><legend id='hNXcP'></legend><bdo id='hNXcP'><pre id='hNXcP'><center id='hNXcP'></center></pre></bdo></b><th id='hNXcP'></th></span></q></dt></tr></i><div id='hNXcP'><tfoot id='hNXcP'></tfoot><dl id='hNXcP'><fieldset id='hNXcP'></fieldset></dl></div>

                    1. <tfoot id='hNXcP'></tfoot>
                    2. <legend id='hNXcP'><style id='hNXcP'><dir id='hNXcP'><q id='hNXcP'></q></dir></style></legend>
                    3. <small id='hNXcP'></small><noframes id='hNXcP'>