在bootstrap.js源码里每个插件都有一个Plugin构造函数，有什么作用呢

Question

在bootstrap.js源码里每个插件都有一个Plugin构造函数，但是这个构造函数如果不通过js调用，是不会执行的，官方也建议通过在HTML标签里通过data-*来调用bootstrap.js的各种插件，那么在什么场景下会调用Plugin构造函数呢，望大牛指点迷津，下面贴上一个警告框alert的Plugin代码/**   * ==============================================================================================   * 当用$(".alert").alert()调用警告框时会会执行Plugin构造函数，里面通过缓存数据来优化性能   * 不明白这个缓存的数据在什么场景下会再次调用呢，如果没有再次调用场景，不是反而浪费性能了吗，我想了好久。。。   * 是不是为以后的扩展做准备呢   * ===============================================================================================   */    function Plugin(option) {    return this.each(function () {      var $this = $(this)      //如果有数据缓存则直接从缓存里进行读写操作 优化性能      var data  = $this.data('bs.alert')      //如果该jquery对象没有该数据，则把Alert实例数据存储在$this中      if (!data) $this.data('bs.alert', (data = new Alert(this)))      console.log($this.data("bs.alert"));      if (typeof option == 'string') data[option].call($this)    })  }

Answer 1

我觉得...这个data就是作为缓存啊，data的值是会随着this的改变而被重新new一个Alert的对象出来覆盖的，如果不用这个data变量缓存的话，难道每次都重新生成Alert对象覆盖吗？性能不会降低吗？