问答详情
源自:2-3 页面切换部分的代码封装

下面代码中 return this 是什么意思?

 swipe.scrollTo = function(x, speed) {
        //执行动画移动
        element.css({
            'transition-timing-function' : 'linear',
            'transition-duration'        : speed + 'ms',
            'transform'                  : 'translate3d(-' + x + 'px,0px,0px)'
        });
        return this; //这句是什么意思?返回的是哪个对象?
    };

提问者:qq_只开70迈_0 2015-08-13 09:42

个回答

  • dsdyjg
    2017-08-22 11:48:53

    看的还是不明白

  • LEONE0
    2015-10-15 11:00:17

    首先,通过 html 中的 `var swipe = Swipe($("#content"));` 获得 js 中返回的 `return swipe;` swipe 对象,并将其赋值给 html 中定义的 swipe 变量;

    其次,通过 `swipe.scrollTo($("#content").width * 2, 5000);` 调用 js 中的 swipe 对象的 scrollTo 方法,并将该方法返回。

  • dzhmoper
    2015-09-25 15:56:50

    return this;是swipe.scrollTo(x, speed)返回值,return swipe是Swipe(container)的返回值 ,是不是这样?没有大神来回答一下

  • Franc_Ribery
    2015-08-15 20:25:48

    同求。。这个return this和return swipe有什么区别

  • qq_只开70迈_0
    2015-08-13 10:41:44

    function Swipe(container) {
        // 获取第一个子节点
        var element = container.find(":first");
        var swipe = {};

        // li页面数量
        var slides = element.find("li");

        // 获取容器尺寸
        var width = container.width();
        var height = container.height();

        // 设置li页面总宽度
        element.css({
            width: (slides.length * width) + 'px',
            height: height + 'px'
        });

        // 设置每一个页面li的宽度
        $.each(slides, function(index) {
            var slide = slides.eq(index); // 获取到每一个li元素    
            slide.css({
                width: width + 'px',
                height: height + 'px'
            });
        });

        // 监控完成与移动
        swipe.scrollTo = function(x, speed) {
            // 执行动画移动
            element.css({
                'transition-timing-function' : 'linear',
                'transition-duration'        : speed + 'ms',
                'transform'                  : 'translate3d(-' + x + 'px,0px,0px)'
            });
            return this;
        };

        return swipe;
    }

  • qq_g油o_0
    2015-08-13 09:54:20

    连续操作类里方法,每次返回类实例,用return this;