在前端开发中，经常会遇到各种各样的错误。其中一个常见的错误就是 TypeError: p.easing is not a function。这个错误通常出现在使用 jQuery 或类似库的动画效果时。本文将介绍这个错误的产生原因以及如何解决它。
产生原因
在 jQuery 中，可以使用 animate 方法来实现元素的动画效果。例如，下面的代码将使元素从当前位置向右移动 100 像素：
$(element).animate({ left: "+=100" });在 animate 方法中，可以传入一个对象来描述动画的目标状态。jQuery 会根据当前状态和目标状态之间的差异来计算出每一帧的具体状态，并将其应用于元素上。同时，还可以指定动画的持续时间、缓动函数等参数。
其中，缓动函数用于控制动画的速度变化。jQuery 内置了多个缓动函数，例如 swing、linear 等。此外，还可以自定义缓动函数。自定义缓动函数需要接受四个参数：当前时间、初始值、变化量、持续时间。例如：
$.easing.myEasing = function(x, t, b, c, d) {
// ...
};然后，在调用 animate 方法时，可以指定自定义的缓动函数：
$(element).animate({ left: "+=100" }, 1000, "myEasing");这样，animate 方法就会在每一帧中调用自定义的缓动函数来计算元素的状态。然而，如果 myEasing 不是一个函数，就会出现 TypeError: p.easing is not a function 的错误。
解决方法
如果出现了 TypeError: p.easing is not a function 的错误，说明指定的缓动函数不是一个函数对象。这可能是由于多种原因导致的，例如：
- 缓动函数名字拼写错误。
- 缓动函数未定义或未加载。
- 缓动函数返回值不是一个数字。
要解决这个问题，可以采取以下几种方法：
1. 检查缓动函数名字拼写是否正确
首先，检查使用的缓动函数名字是否正确。确保没有拼写错误，并且与定义时的名字一致。可以在浏览器的控制台中输出缓动函数对象来进行验证，例如：
console.log($.easing.myEasing);
如果输出结果为 undefined，说明该缓动函数未定义或未加载。
2. 确认缓动函数已经定义或已经加载
如果缓动函数未定义或未加载，需要确保其已经定义或已经加载。可以在引入 jQuery 库之前，通过 <script> 标签将自定义的缓动函数加载进来。例如：
<script src="myEasing.js"></script> <script src="jquery.js"></script>
其中，myEasing.js 是包含自定义缓动函数代码的文件。这样，在 jQuery 加载之前，就可以保证自定义的缓动函数已经加载并定义好了。
3. 确认缓动函数返回值是一个数字
最后，如果缓动函数已经正确定义并加载，并且仍然出现 TypeError: p.easing is not a function 的错误，那么可能是因为缓动函数返回值不是一个数字。缓动函数应该接受四个参数，并返回一个数字，表示当前时间对应的位置。例如：
$.easing.myEasing = function(x, t, b, c, d) {
var s = 1.70158;
if ((t /= d / 2) < 1) {
return c / 2 * (t
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/12830) ，转载请注明来源
[https://www.javascriptcn.com/post/12830](https://www.javascriptcn.com/post/12830)