JavaScript-批量创建Object对象详解

置顶

王十四兄

已于 2023-01-01 14:44:01 修改

阅读量1k

点赞数 4

分类专栏： javascript 文章标签： javascript 前端开发语言 html web

于 2022-12-10 11:20:16 首次发布

本文链接：https://blog.csdn.net/weixin_64933233/article/details/128262786

版权

本文详细介绍了JavaScript中批量创建Object对象的方法，包括使用工厂方法、构造函数及其执行流程，深入探讨了构造函数与prototype原型的关系，解释了如何利用原型优化对象创建，避免重复方法的创建，以及如何通过instanceof判断对象实例。

摘要由CSDN通过智能技术生成

文章目录

批量创建 Object 对象

批量创建 Object 对象

1. 使用工厂方法创建对象

使用工厂方法创建的对象，使用的构造函数都是 Object
所以创建的对象都是 Object 这个类型
- 就导致我们无法区分出多种不同类型的对象

/*
 * 创建一个对象
 */
var obj = {
   
  name: "孙悟空",
  age: 18,
  gender: "男",
  sayName: function () {
   
    alert(this.name);
  },
};

/*
 * 使用工厂方法创建对象
 */
function createPerson(name, age, gender) {
   
  //创建一个新的对象
  var obj = new Object();

  //想对象中添加属性
  obj.name = name;
  obj.age = age;
  obj.gender = gender;
  obj.sayName = function () {
   
    alert(this.name);
  };

  //将新的对象返回
  return obj;
}

/*
 * 用来创建狗的对象
 */
function createDog(name, age) {
   
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  obj.sayHello = function () {
   
    alert("汪汪~~~");
  };
  return obj;
}

var obj2 = createPerson("猪八戒", 28, "男");
var obj3 = createPerson("白骨精", 16, "女");
var obj4 = createPerson("蜘蛛精", 18