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

来源:2-3 页面切换部分的代码封装

qq_只开70迈_0

2015-08-13 09:42

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

写回答 关注

6回答

  • 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 方法,并将该方法返回。

    糊涂的我

    您好 我问你一下那个 swipe.scrollTo = function(x, speed)这个函数中的swipe是什么

    2015-10-23 16:45:18

    共 2 条回复 >

  • 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_Z咸蛋...

    不返回 this (swipe.scrollTo) 外层函数没办法使用,需要先返回出去,Swipe得到这个方法,然后在html中进行调用和传参,这是两个函数,

    2016-11-09 20:47:38

    共 1 条回复 >

  • 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;

    qq_只开7...

    返回的是这个var swipe = {};类的实例吗? 但是为啥最后面还加了句 return swipe;他俩的作用是一样的吗?如果一样的话,是不是重复了?return this或者return swipe;是不是可以去掉一个?

    2015-08-13 10:40:44

    共 1 条回复 >

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211523 学习 · 540 问题

查看课程

相似问题