javascript - 如何访问这个函数参数和 ES6 模块
问题描述
如何访问this
ES6 模块/类中的关键字?例如在下面,$(this)
指向WaypointController
而旧样式代码将引用所选元素。
我尝试使用参数,但没有帮助。
export default class WaypointContoller {
constructor() {
this.WAYPOINT_CLASS = 'main .webzone-wrapper:not(.no-csstransitions) > div';
this.ANIMATION_CLASS = isIE9() ? 'fadeInUpNoAnimation' : 'fadeInUp';
this.OFFSET = '90%';
this.doAnimations(this.WAYPOINT_CLASS, this.ANIMATION_CLASS);
}
doAnimations(waypointClass, animationClass) {
let delayTime;
const waypoint = new Waypoint({ // eslint-disable-line no-undef
element: document.querySelector(waypointClass),
handler: () => {
delayTime += 100;
$(this).delay(delayTime).queue((next) => {
$(this).toggleClass('animated');
$(this).toggleClass(animationClass);
delayTime = 0;
next();
});
},
offset: this.OFFSET,
triggerOnce: true,
});
console.log(waypoint);
}
static init() {
$(document).ready(() => {
new WaypointContoller(); // eslint-disable-line no-new
});
}
}
解决方案
推荐阅读
- postgresql - PostgreSQL 函数更新行的特定列
- python-3.x - 如何在 Python 中获取总行数?
- elasticsearch - 当我查询不包含该术语的索引时,为什么“must_not”不起作用。
- python - Pandas str.extract/ re.search using another series or column as a pattern
- c# - LabView Xml flatterned TimeStamp to C# DateTime
- javascript - Comparing 2 dates angular
- java - is using a hashmap with keys that are their values a bad idea?
- python - 用公式替换 numpy 数组中的每个像素
- css - 如何将 Bootstrap 4 中的列与不确定的列数对齐
- java - 自动装箱和取消装箱有什么区别以及何时使用它?