关于JavaScript中easeOutQuart函数含赋值运算符实现的疑问

先给你说核心：JavaScript里的赋值运算符=，执行时不仅会把右边的值赋给左边变量，还会返回这个赋值后的结果——这就是这段代码能这么写的关键。

咱们拆解原代码里的关键部分：

easeOutQuart: function (t) {
    return -1 * ((t=t/1-1)*t*t*t - 1);
},

第一步：拆解(t=t/1-1) #

• t/1纯粹是冗余写法，等价于t，不知道是作者笔误还是为了凑格式，完全可以删掉
• 所以这个表达式其实就是t = t - 1：把传入的参数t减1后，重新赋值给变量t
• 因为赋值表达式会返回赋值后的结果，所以整个(t=t/1-1)的计算结果就是t-1之后的值

第二步：还原成易读版本 #

把冗余代码去掉，这段函数可以改成更清晰的写法：

easeOutQuart: function (t) {
    t = t - 1; // 替换原有的(t=t/1-1)
    return -1 * (t*t*t*t - 1);
}

第三步：化简数学逻辑 #

再把表达式展开，-1 * (t⁴ - 1) 等价于 1 - t⁴（这里的t已经是减1后的数值）。

缓动函数的参数t通常是[0,1]范围的进度值，经过t = t - 1转换后变成[-1,0]，代入1 - t⁴计算后，结果会从0平滑过渡到1，而且是减速的效果——这正是easeOutQuart的作用：运动开始快，接近结束时变慢。

这种把赋值写在表达式里的写法，本质是为了把多行逻辑压缩成一行，但可读性很差，尤其是加上多余的t/1，完全没必要这么写。

内容的提问来源于stack exchange，提问作者Fifi