JavaScript 创建对象的常用方式详解

利用 JSON 字面量创建对象

这是最简洁的方式，适合快速定义结构简单的数据对象。通过花括号 {} 声明变量后，直接添加属性和方法即可。

var company = {};
company.name = '华为';
company.address = '北京';
company.produce = function(message) {
    alert(message);
}

使用 Object 构造函数

使用 new Object() 实例化一个新对象，随后为其动态分配属性和行为。这种方式在逻辑上与 JSON 字面量类似，但强调了“实例化”的过程。

var company = new Object();
company.name = '淘宝';
company.address = '杭州';
company.produce = function(message) {
    alert(message);
}

通过自定义构造函数生成对象

当需要批量创建具有相同结构和行为的对象时，推荐使用函数模式。将属性和方法绑定到 this 上，再通过 new 关键字调用函数来生成实例。

function Company() {
    this.name = '新浪';
    this.address = '北京';
    this.produce = function(message) {
        alert(message);
    }
}
// 实际使用时需通过 var c = new Company() 生成实例

挂载到 Window 全局对象

虽然可以通过修改 window 对象来模拟创建全局属性，但这通常用于特定场景下的全局变量管理。请注意：window 代表浏览器窗口环境，随意在其上挂载业务逻辑可能会引发命名冲突或全局污染风险。

window.name = '腾讯';
window.address = '北京';
window.produce = function(message) {
    alert(message);
}

扩展知识：对象复制

在某些框架（如早期 ExtJS）或特定场景中，可能需要对现有对象进行浅复制或合并。以下是两种常见的实现思路：

1. 属性遍历合并

通过循环源对象的属性并复制到目标对象来实现拷贝，注意处理边界条件以确保安全。

emptyObject = new Object();
if (emptyObject && company && typeof company == 'object') {
    for(var p in company) {
        emptyObject[p] = company[p];
    }
}

2. 原型链复制

通过改变构造函数原型指向，间接实现对象特征的继承式复制。

var copyOO = new Function();
copyOO.prototype = company;
var newcopyOO = new copyOO();

以上就是 JavaScript 创建对象详细内容的讲解，更多关于 JavaScript 入门技巧的资料请关注本站其它相关文章！