JavaScript 对象创建：内置对象与自定义方式详解

了解 JavaScript 内置对象

JavaScript 提供了丰富的内置对象来简化开发工作，开发者无需重复造轮子即可处理数组、日期、数学运算、字符串正则等常见需求。

• Array：用于构建和操作数组。
• Date：处理日期和时间。
• Math：提供简单的数学常数和函数。
• String：表示文本字符串并包含众多操作字符的方法。
• RegExp：用于定义正则表达式进行模式匹配。

这些对象内部封装了实用的属性和方法。例如，String 对象拥有 length 属性获取长度，以及 indexOf()（查找索引）、substr()（截取子串）等方法；Array 对象则可通过 concat() 合并数组、push() 尾部添加元素、join() 拼接为字符串等。

自定义对象：JSON 字面量法

当内置对象无法满足特定业务逻辑时，我们需要自定义对象。最简洁、优雅的方式是使用 JSON（JavaScript Object Notation）格式的字面量语法。这种写法以大括号 {} 包裹，键值对之间用冒号 : 分隔，各项之间用逗号 , 隔开，直观地体现了 JavaScript 对象即字典结构的本质。

第1步：定义单层简单对象

目的：快速声明一个具有属性及方法的独立对象。

动作：使用变量赋值的方式，直接将对象字面量赋予变量名。

// 创建一个新对象并直接初始化
var newObject = {
    name: "new object", // 属性
    say: function () {  // 方法
        alert(this.name); // this 指向当前对象本身
    }
};
// 调用方法
newObject.say(); // 输出: new object

第2步：构建复杂嵌套对象

目的：创建包含多层数据结构或数组的复合型对象。

动作：在属性值位置继续嵌套对象或数组字面量。

var company = {
    name: "tuanzz",
    product: "groupon",
    address: { province: "Hubei", city: "wuhan" }, // 嵌套对象
    person: [                                  // 数组内嵌对象
        {name: "zhangchen", age: "23"}, 
        {name: "luomi", age: "23"}
    ],
    readme: function() {
        // 访问嵌套数据
        alert("My name is "+this.person[0].name+" and "+this.person[0].age+" years old");
    }
};
company.readme(); // 输出: My name is zhangchen and 23 years old

自定义对象：构造函数法

虽然字面量法适合单次定义，但无法实现类似“类”的模板复用。构造函数法利用 this 指针动态绑定属性，配合 new 关键字可实现批量实例化。

第3步：定义构造函数

目的：确立对象的规格结构。

入口：全局作用域函数命名通常首字母大写。

function User(name) {
    this.name = name;      // 属性初始化
    this.say = function() { // 方法定义
        alert(this.name);
    }
}

在 JavaScript 中，函数本质上也是一种对象。你可以直接在函数上挂接属性，例如 User.test = "it can work?";。

第4步：实例化对象

目的：根据构造函数生成具体的实体。

重要参数：必须使用 new 关键字。

// 实例化过程等价于：
// 1. var obj = new Object();
// 2. User.call(obj, "zhangchen"); // 将 User 函数的上下文指向 obj
var newUser = new User("zhangchen");
newUser.say(); // 输出: zhangchen

理解这一机制有助于把握面向对象编程中的原型链基础，虽然现代开发中更多推荐使用 ES6 Class 语法，但构造函数仍是理解 JS 对象模型的重要基石。

简要总结

JavaScript 的对象体系由强大的内置对象和灵活的自定义对象组成。简单、孤立的对象推荐使用 JSON 字面量法，清晰且紧凑；对于需要创建多个相似结构实体的场景，应优先采用构造函数模式以保证代码的可维护性和复用性。以上就是 JavaScript 对象创建的详细内容，更多关于 JavaScript 进阶的资料请关注本站其它相关文章！