自定义滚动条笔记（二）

可以为模板

(function (win, doc, $) {
    function CusScrollBar(options) {
        this._init(options);// 初始
    }
     // 在原型上添加方法
    $.extend(CusScrollBar.prototype, {
        _init: function () {
            console.log("test1");
        }
    })
    //CusScrollBar.prototype._init = function () {
    //    console.log("test");
    //}
   
    win.CusScrollBar = CusScrollBar;
})(window, document, jQuery);
new CusScrollBar();

6、利用.extend()函数在原型上添加属性和方法  CusScrollBar.prototype为目标对象

7.传入一个对象 对象的属性值_init

   这样还回的结果就是在 CusScrollBar.prototype上添加_init方法

(function (win, doc, $) {
    function CusScrollBar(options) {
        this._init(options);// 初始
    }
    $.extend(CusScrollBar.prototype, {
        _init: function (options) {
            var self = this; 
            self.options = {
                contSelector: "",   // 滑动内容区选择器
                barSelector: "",    // 滑动条选择器
                sliderSelector: "", // 滑动块选择器
                tabItemSelector: "",// 标签选择器
            };
            $.extend(true, self.options, options || {});
            console.log(self.options.barSelector);
        }
    })
    win.CusScrollBar = CusScrollBar;
})(window, document, jQuery);
new CusScrollBar({
    contSelector: ".scroll-cont",   // 滑动内容区选择器(必须)
    barSelector: ".scroll-bar",    // 滑动条选择器（必须）
    sliderSelector: ".scroll-slider", // 滑动快选择器
    tabItemSelector: ".tab-item",      // 标签选择器（必须）
});

init函数里面初始化一些属性

7、this储存在self变量中 防止this混用

8、指定一些默认的属性 以自变量的形式储存在self options（self.options）属性中

9、此时self.options中的options不是this._init(options)