JavaScript/jQuery：如何链接使用 console.log() 的方法

Question

我正在研究 jQuery 插件开发，我想链接方法。我在 jQuery 教程 (https://learn.jquery.com/plugins/basic-plugin-creation/) 中读到，您可以通过将 return this; 添加到方法的末尾来链接方法，这适用于第一个方法（测试 1）。对于使用 console.log 的第二种方法（测试 2），我该怎么做？所有方法都可以链接吗？

   // test 1
    $.fn.greenify = function () {
        this.css('color', 'green');
        return this;
    };

    // test 2
    $.fn.console = function () {
        this.on('click', function () {
            console.log('hello world');
        });
    };

    $('a').greenify().console();

Answer 1

第二种方法应该return jQuery 实例。事件处理程序使用 console.log 函数这一事实与该方法的 returned 值无关。作为 on return 的 jQuery 对象，您可以编码：

$.fn.console = function () {
   return this.on('click', function () {
      console.log('hello world');
   });
};

现在 console 方法可以链接了！

JavaScript/jQuery：如何链接使用 console.log() 的方法

JavaScript/jQuery: How to Chain a Method that uses console.log()

javascript

jquery

plugins

chaining

method-chaining