javascript - js如何实现链式调用？

问题描述

问 题

  <div class="slide_window_a">
        <div class="s_scroll_a" id="s_scroll_a">
            <img src="1.jpg" alt="">
            <img src="2.jpg" alt="">
            <img src="3.jpg" alt="">
            <img src="4.jpg" alt="">
            <img src="5.jpg" alt="">
            <img src="6.jpg" alt="">
        </div>  
  </div>

  <script>
    function tag(element){
        return document.getElementsByTagName(element);
    }

    function $(element){
        return document.getElementById(element);
    }
    alert($("s_scroll_a").tag("img").length);

为何这样$("s_scroll_a").tag("img").length不行？如何才能使用链式操作？

解决方案

1. 运算是从左往右的

2. $("s_scroll_a")返回了个Element实例，tag是你自己定义的函数，这俩半毛钱关系都没有，当然不能用链式调用。

3. 想要实现你这个东西的链式调用，你需要封装个类，然后把tag函数放到类的原型方法中。

这篇关于javascript - js如何实现链式调用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！