bootstrap源码阅读之Contructor

下面一起来给各位同学介绍一下关于js 中bootstrap中 $.fn.Aa.Constructor = Aa，希望例子能帮助到各位同学哦。

在bootstrap js源码中，在插件最后经常看到

 代码如下复制代码$.fn.Aa.Constructor = Aa

这样一句。

这里注意，Constructor 是大写的C，而不是我们常写的那个constructor。

这句的作用，是将插件类暴露给外界，这样可以修改和添加类里面的方法了。

如下面语句，初始化tooltip后，给Tooltip新增test方法。

 代码如下复制代码$.fn.tooltip.Constructor.prototype.test = function(){
    console.log('test')
}
$('#example').tooltip('test')

在调用插件后，在控制台会输出test字符串。

再举一个栗子：

 代码如下复制代码var tmp = $.fn.tooltip.Constructor.prototype.show;
$.fn.tooltip.Constructor.prototype.show = function () {
  tmp.call(this);
  if (this.options.callback) {
    this.options.callback();
  }
}
 
$('#selector').tooltip({
  placement: 'top',
  callback: function() {
    alert('hello')
  }
});

给show方法新增一个callback回调。