链式写法

链式写法
$(‘.section’).addClass(‘loading’).removeClass(‘hid’);
上面代码即是链式写法
链式写法基本原理是返回this,下面我们实现一个简单的链式操作

var obj = {
    class: ['ceshi', 'class'],
    addClass: function(selector){
        this.class.push(selector);
        console.log(this.class); // ["ceshi", "class", "test"]
        return this;
    },
    removeClass: function(selector){
        var self = this;
        this.class.splice($.inArray(selector, self.class), 1);
        console.log(this.class); // ["ceshi", "test"]
        return this;
    }
};
obj.addClass('test').removeClass('class');
console.log(obj.class); // ["ceshi", "test"]

实现了链式操作

此条目发表在JavaScript分类目录。将固定链接加入收藏夹。

发表评论

邮箱地址不会被公开。 必填项已用*标注