这个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 带符号的整数

Answer 2

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