当前位置：首页 > JavaScript

js实现extend

2026-03-14 05:25:24JavaScript

实现 extend 功能的方法

在 JavaScript 中，extend 通常指将一个对象的属性复制到另一个对象上。以下是几种常见的实现方式：

使用 Object.assign

Object.assign 是 ES6 提供的方法，用于将所有可枚举属性从一个或多个源对象复制到目标对象。

js实现extend

const target = { a: 1 };
const source = { b: 2, c: 3 };
const result = Object.assign(target, source);
console.log(result); // { a: 1, b: 2, c: 3 }

手动实现 extend 函数

可以手动实现一个简单的 extend 函数，遍历源对象的属性并复制到目标对象。

function extend(target, source) {
    for (let key in source) {
        if (source.hasOwnProperty(key)) {
            target[key] = source[key];
        }
    }
    return target;
}

const obj1 = { a: 1 };
const obj2 = { b: 2 };
extend(obj1, obj2);
console.log(obj1); // { a: 1, b: 2 }

使用展开运算符（Spread Operator）

ES6 的展开运算符可以方便地合并对象。

js实现extend

const obj1 = { a: 1 };
const obj2 = { b: 2 };
const merged = { ...obj1, ...obj2 };
console.log(merged); // { a: 1, b: 2 }

深度拷贝（Deep Extend）

如果需要深度拷贝对象属性（嵌套对象也会被复制），可以使用递归实现。

function deepExtend(target, source) {
    for (let key in source) {
        if (source.hasOwnProperty(key)) {
            if (typeof source[key] === 'object' && source[key] !== null) {
                target[key] = target[key] || {};
                deepExtend(target[key], source[key]);
            } else {
                target[key] = source[key];
            }
        }
    }
    return target;
}

const obj1 = { a: { b: 1 } };
const obj2 = { a: { c: 2 } };
deepExtend(obj1, obj2);
console.log(obj1); // { a: { b: 1, c: 2 } }

使用第三方库

许多第三方库（如 Lodash、jQuery）提供了更完善的 extend 功能。

// 使用 Lodash
const _ = require('lodash');
const obj1 = { a: 1 };
const obj2 = { b: 2 };
const result = _.extend(obj1, obj2);
console.log(result); // { a: 1, b: 2 }