javascript - 在bootstrap.js源码里每个插件都有一个Plugin构造函数,有什么作用呢
高洛峰
高洛峰 2017-04-11 09:22:55
0
1
590

在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)
    })
  }
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信(1)
伊谢尔伦

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート