置顶文章

JavaScript中创建对象的四种方式

1. 最后一次更新与：2020-11-06 14:20
2. 发布与：2020-11-06 14:20
3. By 大脸猫
4. In JavaScript 前端 web 对象
5. Look 5638访问

---

创建对象的四种方式

1、字面量的方式

2、调用系统的构造函数

3、简单工厂函数的方式来创建对象

4、自定义构造函数方式

字面量的方式

1、代码复用性差

2、如果要创建大量的同类型对象，则需要些大量重复性代码

   var per1={
     name:"卡",
     age:20,
     sex:"男",
     eat:function () {
       console.log("吃");
     }
   };

调用系统构造函数

1、创建的对象无法复用,复用性差

2、如果需要创建多个同类型的对象,如(书籍)则需要写大量重复的代码,代码的冗余度高

   var per2=new Object();
   per2.name="大";
   per2.age=30;
   per2.sex="男";
   per2.eat=function () {
     console.log("吃");
   };

简单工厂函数的方式来创建对象

1、工厂函数方式创建对象其本质是对内置构造函数创建对象的过程进行了封装

2、适用于大规模“批量生产”同类型的对象

    function createObject(name,age) {
      var obj=new Object();
      obj.name=name;
      obj.age=age;
      obj.sayHi=function () {
        console.log("您好");
      };
      return obj;
    }

自定义构造函数方式

1、开辟空间存储对象

2、把this设置为当前的对象

3、设置属性和方法的值

4、把this对象返回

    function Person(name,age) {
      this.name=name;
      this.age=age;
      this.sayHi=function () {
        console.log("您好");
      };
    }

工厂创建和自定义创建的区别

1、工厂模式：

函数名字小写

通过内部构建系统的构造函数创建

有返回值

直接调用函数创建对象

例如 var per=createObject("小明",20);

2、自定义模式：

函数名字是大写首字母

内部不用创建系统的构造函数

无需返回一创建内部构造函数

this是指向当前对象

通new创建多项

var per1=new Person("小红",20);

---

JavaScript中创建对象的四种方式：https://yzdlm.com/web/177.html

作者：大脸猫 分类: web开发

---

上一篇：前端程序员应该往全栈方向发展吗？还是坚守前端？ 下一篇：返回列表