这是我参与11月更文挑战的第20天，活动详情查看：2021最后一次更文挑战

IoC是什么，应用场景是什么

控制反转(Inversion of Control，缩写为IoC)是一种设计原则，顾名思义，它用于反转面向对象设计中的各种控件，可以降低代码耦合度，使程序模块化，易于扩展。IOC意味着将依赖模块和被依赖模块都交给容器去管理，当我们使用模块的时候，由容器动态的将它的依赖关系注入到模块中去。针对上面的问题，往往需要IoC模式，一般使用DI(Dependency Injection)依赖注入的方法实现

// 已订单类为例子，先看没有依赖注入的情况：
// 订单model类 models/Order.js
class Order {
    constructor() {}
    insert() {
        // ...一些数据库操作
        return true;
    }
}

// 订单类 controllers/OrderController.js

const Order = require("./Order.js");

class OrderController {
    constructor() {
        this.order = new Order();
    }
    createOrder(...args) {
        this.order.insert(...args);
    }
}

// router/index.js
const OrderController = require("../controllers/OrderController.js");
const orderController = new OrderController();
复制代码

上面是没有依赖注入的情况，OrderController类耦合了Order类，在使用前必须require引入Order类才能使用。假如Order类发生了修改编号，那么所有依赖这个Order类的文件都需要修改。来看使用依赖注入的情况：

// 订单model类 models/Order.js
class Order {
    constructor() {}
    insert() {
        // ...一些数据库操作
        return true;
    }
}

// 订单类 controllers/OrderController.js
class OrderController {
    constructor(order) {
        this.order = new order();
    }
    craeteOrder(...args) {
        this.order.insert(...args);
    }
}

//router/index.js
const Order = require("../models/Order.js");
const OrderController = require("../controllers/OrderController.js");
const orderController = new OrderController(new Order());

复制代码

可以看出依赖注入以及对模块进行了解耦，但还是有不足之处。下面总结了一下依赖注入的优缺点：优点：通过依赖注入高层模块与底层模块耦合度降低了，因此底层模块发生变化时，我们不需要了解底层模块发生的变化，只需要管理router中依赖的路径。缺点：我们所有依赖的模块都在router中引入，明显增加了router模块的复杂性。我们需要一个专门管理注入及被注入方的容易。即我们常说的IoC容器

class IOC {
    constructor() {
        this.controller = new Map();
    }
    bind(key, callback) {
        this.controller.set(key, {
            callback,
            single: false
        });
    }
    sigleton(key, callback) {
        this.controller.set(key, {
            callback,
            single: true
        });
    }
    use(key) {
        const item = this.controller.get(key);
        if (!item) {
            throw new Error("error");
        }
        if (item.single && !item.instance) {
            item.instance = item.callback();
        }

        return item.single ? item.instance : item.callback();
    }
}

//router/index.js
const Order = require("../models/Order.js");
const OrderController = require("../controllers/OrderController.js");
ioc.bind("order", (...args) => new OrderController(new Order(...args)));

// router.js
const ioc = require("../ioc.js");
const orderController = ioc.use("order");
复制代码

上面就是一个简单的Ioc容器的实现，通过bind方法将模块间的依赖绑定到容器中。通过use方法判断模块是否存在，若不存在则报错；存在则判断是否实例化，已实例化不需要执行Callback()

前端该了解的设计原则：控制反转（IOC）

IoC是什么，应用场景是什么

猜你喜欢