代码封装的11种方式。

函数封装（ function ）：函数是JavaScript种最基本的代码封装单元，可用于定义重用的逻辑块。

类封装（ class ）：类是ES6种新增的一个语法结构，用于封装相关的属性和方法，并通过实例化对象来访问和使用。

模块封装（ module ）：模块是一组相关的函数、对象或类的集合，用于实现模块化的代码组织，目前主要用过CommonJS和ES6 Module来实现的。

组件封装（ component ）：组件是指一组相关的UI元素和交互行为的集合，可以复用在多个页面或应用程序中，常用于Vue和React等框架中。

指令封装（ directive ）：指令是Vue中一种特殊的组件类型，可以用于修改DOM元素的行为和样式，例如v-if、v-for等。

过滤器封装（ filter ）：过滤器是Vue1.x和Vue2.x中一个特性，用于格式化数据的象时，比如日期格式化、大小写转换。

混入封装（ mixin ）：混入是Vue2.x中的一个特性，用于将对各组件之间共用的逻辑抽离出来，提高代码的复用性和可维护性。

钩子封装（ hook ）：钩子是Vue3.x中新增的一个特性，用于在组件声明周期的不同阶段插入自定义的逻辑。

插件（ plugin ）：插件是指可重用的功能库，可以通过 Vue.use() 注册到应用程序中，例如 Vue-Router、Vuex 等。

库（ library ）：库是指提供特定功能或特定领域解决方案的代码集合，例如 D3.js、jQuery 等。

框架（ framework ）：框架是指为特定目的或场景提供完整解决方案的代码集合，例如 React、Angular、Vue 等。