这个jquery函数执行流程是怎样的?

Question

$(".back-button").on("click", function () {
            return $("#page-transitions").addClass("back-button-clicked"), $("#page-transitions").removeClass("back-button-not-clicked"), window.history.go(-1), !1
        })

return 后面是啥意思啊，还有逗号，最后来个 !1 ,这是咋个执行流程，为啥要这样写。

这样写不行嘛？

$(".back-button").on("click", function () {
            $("#page-transitions").addClass("back-button-clicked"), 
            $("#page-transitions").removeClass("back-button-not-clicked"), 
            window.history.go(-1)
        })

这种不行嘛？他为啥串起来写？看得我头晕！

Answer 1

$("#page-transitions").addClass("back-button-clicked"), 
$("#page-transitions").removeClass("back-button-not-clicked"),

这两句还可以这么连

$("#page-transitions").addClass("back-button-clicked").removeClass("back-button-not-clicked"),

! 表示取反运算，js 为弱类型语言，所有非0的int值都为 Boolean 值的 True ，所以 !1就是取 True的反，即False。

-1 就表示 -1 带符号的整数

其实整个意思可以这么理解：

$(".back-button").on("click", function () {
            $("#page-transitions").addClass("back-button-clicked");
            $("#page-transitions").removeClass("back-button-not-clicked"); 
            window.history.go(-1);
            return false;
        })