trigger() 发送消息机制还不太明白

// send message
        this.$items.on('show shown hide hidden', function (e) {
            self.$elem.trigger('slider-' + e.type, [self.$items.index(this)], this);
        });

$focusSlider.on('slider-show slider-shown slider-hide slider-hidden', function (e, i, elem) { // i表示索引值 elem是dom元素
            console.log(i + ':' + e.type);
        });

this.$items.on('show shown hide hidden', function (e) {

            self.$elem.trigger('slider-' + e.type, [self.$items.index(this)], this);

        });

这段代码 不理解  为什么这么写了  然后 test.html 这边 接收 

var $focusSlider = $('#focus-slider'); 

        $focusSlider.on('slider-show slider-shown slider-hide slider-hidden', function (e, i, elem) { // i表示索引值 elem是dom元素

            console.log(i + ':' + e.type);

        });

这样就能 打印出

0:slider-hide

1:slider-show

0:slider-hidden

1:slider-shown

这个i 为什么能 0 1 0 1  ?

'show shown hide hidden',   trigger('slider-' + e.type,

 这段代码也不太理解 为什么要这么写  然后 就能打印 slider-show 这样了  是语法规定了这样写吗 'slider-' + e.type,  

还有 最后一个this 是什么    self.$elem.trigger('slider-' + e.type, [self.$items.index(this)], this);