设计模式

通过对原对象进行代理，可以改变原有对象的行为，这是与装饰器模式最大的区别。es6中专门有Proxy语法，来对对象进行代理，Vue3中的数据响应式就是使用Proxy实现的。

在目前的MVVM框架下前端做比较复杂的面向对象编程的机会不多，但是如果你想写一些库或开源项目就需要用到了，本文列出的面试题可以帮你利用UML例图来实现一个复杂的功能。

装饰器模式就是对类的一个包装，添加一些额外的功能，这种模式相比于子类更加灵活。装饰器不仅可以装饰类，还可以装饰类的方法。

javascript是基于原型的面向对象，通过原型链实现继承。同时，对对象的属性描述符进行了详细介绍。

所有的有序结构都实现了迭代器，迭代器是为了解决简单for循环的问题，即不需要知道数据内部的结构，我仍然可以遍历数据，这样实现了低耦合高内聚的原则。生成器和迭代器是一对孪生兄弟，生成器执行后生成迭代器。

观察者模式是前端最重要的模式，观察者被绑定上主题，当触发时由主题来通知观察者执行对应的逻辑。在vue的生命周期，watch，及组件更新都是观察者模式的应用。

工厂模式主要是解决对象创建的问题，好处是工厂类和类分离解耦，这样可以扩展很多的类，同时把创建逻辑写在工厂类里面，满足了开放封闭原则。

面向对象编程有三要素：继承、封装、多态。在js中，继承通过extends和super来实现，封装通过可见性修饰符protected和privated实现，多态为了保证灵活性，可以通过重写和重载实现。