Question

我对W3schools上的以下代码感到困惑：

document.getElementById("myDIV").addEventListener("transitionend", myFunction);

function myFunction(event) {
  this.innerHTML = "Property name is: " + event.propertyName;
}

当myFunction() 仅在event 中传递而没有任何参数时，myFunction如何传入参数String longest = Arrays.stream(s.split(" +")).sort(comparing(String::length).reversed()).findFirst().get(); String highest = Arrays.stream(s.split(" +")).sort().reduce((a,b) -> b).get();？

在正常情况下，这不构成未声明的变量用法吗？

在我应该注意的DOM事件的其他地方是否还有其他类似事件？

Answer 1

myFunction只是函数参考。它不会单独调用该函数。传递给addEventListener时，myFunction被称为“某个时间点”。究竟如何调用它是由addEventListener本身决定的，所以调用仍然可以像

myFunction(someEventObject);

该参数由API传递。

其他例子包括：

new MutationObserver(function(mutations){ ... })，其中mutations在发生DOM突变时传递给函数，其中包含一系列突变。
new Promise(function(resolve, reject){ ... })其中resolve和reject作为两个函数提供，只要异步操作被“解决”或“拒绝”就会被调用。
[1, 2, 4].map(function(item, index, array){ ... })其中item为1，2或4位于index 0，分别为1或2，而array是正在迭代的数组。

还有更多。

你可以自己制作这样的功能。

考虑这个示例，其中函数action在两秒后执行，因为它被传递到另一个名为executeTwoSecondsLater的函数中。

假设，当time最终在函数本身内执行时，我们需要action。

＆＃13;

// Provided by the API:

function executeTwoSecondsLater(callback) {
  setTimeout(function() {
    callback(new Date().toString());
  }, 2000);
}

// Written by the user:

function action(time) {
  console.log(`The time of execution is ${time}.`);
}

executeTwoSecondsLater(action);

＆＃13;

time由executeTwoSecondsLater提供。

使用addEventListener时如何传递event参数？

1 个答案: