ArriveBehavior是Yuka js库的一个模块,用于实现监听文档节点是否被添加的功能。该模块中的weight
代表监听到节点后执行回调函数的权重。
import { ArriveBehavior } from 'yuka';
const callback = () => {
console.log('节点已添加!');
};
const arriveBehavior = new ArriveBehavior({
selector: '.container',
onArrival: callback,
weight: 10,
});
在上述代码中,weight
被设置为10,表示在监听到节点添加后,优先执行回调函数。
weight
的取值范围是正整数,可以自行调整。weight
越大,执行回调函数的优先级越高。const callback1 = () => {
console.log('callback 1');
};
const callback2 = () => {
console.log('callback 2');
};
const callback3 = () => {
console.log('callback 3');
};
const arriveBehavior1 = new ArriveBehavior({
selector: '.container',
onArrival: callback1,
weight: 3,
});
const arriveBehavior2 = new ArriveBehavior({
selector: '.container',
onArrival: callback2,
weight: 5,
});
const arriveBehavior3 = new ArriveBehavior({
selector: '.container',
onArrival: callback3,
weight: 7,
});
在上述示例代码中,我们创建了3个ArriveBehavior
实例,其中arriveBehavior3.weight
的值最大,因此它的回调函数将首先被执行。