前端面试题25 | 你怎么理解JavaScript中的mixins？

哈喽小伙伴们，好久不见，我是小李，今天继续来给大家分享面试题系列文章~

今天，我们聊聊mixins.

在 JavaScript 中，Mixins（混入）是一种实现代码复用和功能组合的模式，它允许将一组相关的属性和方法添加到不同的对象或类中，使它们能够共享这些功能，而无需依赖传统的基于类继承的方式。

那么，它有哪几种实现方式呢？

1、对象字面量方式混入

这是一种较为简单直接的方式，通过将一个包含了所需功能的对象字面量的属性和方法复制到目标对象上，来实现混入效果。

举个栗子

// 定义一个混入对象，包含一些工具方法
const utilityMixin = {
    // 计算两个数之和的方法
    sum(num1, num2) {
        return num1 + num2;
    },
    // 打印日志信息的方法
    logMessage(message) {
        console.log(message);
    }
};

// 创建一个目标对象
const myObject = {};
// 使用Object.assign将混入对象的属性和方法复制到目标对象
Object.assign(myObject, utilityMixin);

// 现在myObject就拥有了混入对象中的方法
console.log(myObject.sum(3, 5));  
myObject.logMessage("这是一条混入后的日志信息");

在上述代码中，utilityMixin 就是一个 Mixins，通过 Object.assign 把它里面的 sum 方