用Generator函数实现jQuery的toggle方法

HTMLElement.prototype.toggle = function (...args) {
    let generator = function* (...args) {
        let i = 0;
        do {
            yield args[i++ % args.length]
        } while (true)
    };
    let iterator = generator(...args);
    this.addEventListener('click', () => {
        iterator.next().value();
    });
};
document.body.toggle(function () {
    console.log(1);
}, function () {
    console.log(2)
})

要实现jQuery的toggle方法其实不用这么麻烦

Element.prototype.on = function (event, fn) {
    try {
        this.addEventListener(event, fn);
    } catch (e) {
        this.attachEvent('on' + event, fn);
    }
};
Element.prototype.toggle = function () {
    var i = 0;
    var args = arguments;
    this.on('click', function () {
        args[i++ % args.length]();
    });
};
document.body.toggle(function () {
    console.log(1);
}, function () {
    console.log(2)
})

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值