使用wow.js的时候出现了如下图的报错,虽然不影响使用,但是总看着不爽。
定位到报错位置,发现全部都压缩成了一行,用编辑器格式化一下就舒服多了。或者使用未压缩的版本也可以。
格式化之后刷新浏览器,发现错误在133行。
代码经过混淆,阅读起来稍微有点困难。
先看一下wow.js是怎么用的。
可以猜测到,代码中的e即指代WOW,config即指实例化时传入的参数,看到其他地方有使用config.mobile
就能确认。
报错的代码在一个resetAnimation
函数中,先打印一下this看看。
看一下浏览器输出,居然是一个div,有点懵了。
看一下其他地方调用this.config的地方,打印一下this。
很明显,这两个this不一样。。。
到这里我有些懵逼,都是我学艺不精。。。
随手搜索了一下resetAnimation
,发现有四个地方似乎是使用时间监听来触发resetAnimation
,难不成是因为这个原因导致this
指向出现问题?
试着在后面加上bind(this)
查看一下浏览器,发现resetAnimation
里面输出的this
好像正常了。
Yes!接下来把resetAnimation
中的config
改成this.config
就完成啦!
至此,报错消失。