bootstrap源码中data()函数参数是什么意思？

Question

最近在看bt的源码，发现里面很多都加了命名空间，data函数我不是很理解，如下代码（modal.js）

function Plugin(option, _relatedTarget) {
    return this.each(function () {
      var $this   = $(this)
      var data    = $this.data('bs.modal')
      console.log($this.data())
      var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
      if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
      if (typeof option == 'string') data[option](_relatedTarget)
      else if (options.show) data.show(_relatedTarget)
    })
  }

$this.data('bs.modal')的值一开始是为空的，后面$this.data('bs.modal', (data = new Modal(this, options)))给它赋值，赋给谁了？我看页面上也没这个值啊

Answer 1

$this.data()这个本身是 jQuery 一个缓存数据的方法，可以把数据附加到 dom 上。

第一次调用 modal，初始化时，传入的 option 是配置，没有 modal 实例，所以 new 了一个放进$this.data('bs.modal')，这里面保存的就是这个 modal 实例。

之后再调用 modal，传入的 option 就是方法名了，就直接从$this.data('bs.modal')取出实例，然后data[option]调用方法。