回调函数比较2个数大小 javascript
时间: 2023-10-13 10:22:32 浏览: 97
下面是比较两个数大小的JavaScript回调函数:
```javascript
function compareNumbers(a, b, callback) {
if (a > b) {
callback(`${a} is greater than ${b}`);
} else if (a < b) {
callback(`${b} is greater than ${a}`);
} else {
callback(`${a} and ${b} are equal`);
}
}
function printResult(result) {
console.log(result);
}
compareNumbers(10, 5, printResult); // Output: "10 is greater than 5"
compareNumbers(5, 10, printResult); // Output: "10 is greater than 5"
compareNumbers(5, 5, printResult); // Output: "5 and 5 are equal"
```
这个函数接受三个参数:要比较的两个数字和一个回调函数。当比较完成时,函数将调用回调函数并将比较结果作为参数传递给它。
在上面的示例中,我们定义了一个名为 `printResult` 的回调函数来打印比较结果。我们调用 `compareNumbers` 函数三次,每次传递不同的数字。每次比较完成后,我们都会在控制台中打印结果。
相关问题
回调函数的事件处理函数
回调函数的事件处理函数是指在某个事件发生时会自动调用的函数,通常作为回调函数的参数传入。例如,当用户点击某个按钮时,会触发该按钮的点击事件,此时可以将一个回调函数作为事件处理函数传入,当事件发生时,回调函数会被自动调用。
常见的事件包括鼠标点击事件、键盘按键事件、窗口大小改变事件等等。在JavaScript中,可以通过addEventListener方法来给DOM元素绑定事件处理函数,例如:
```
var button = document.getElementById('myButton');
button.addEventListener('click', function() {
// 回调函数的事件处理逻辑
});
```
在上述代码中,我们通过getElementById方法获取了一个名为myButton的DOM元素,并使用addEventListener方法给它绑定了一个点击事件处理函数。当用户点击该按钮时,回调函数就会被自动调用。
浏览器的缩放比例的回调函数
浏览器缩放比例的回调函数可以使用`window.onresize`事件来实现。当浏览器窗口大小改变时,该事件会被触发,并且可以通过回调函数来获取新的窗口大小信息。以下是一个示例代码:
```javascript
window.onresize = function() {
var zoom = document.documentElement.clientWidth / window.innerWidth;
console.log("当前缩放比例为:" + zoom);
};
```
在这个示例中,我们通过计算视口的宽度与窗口的宽度之比来获取当前的缩放比例。在回调函数中,我们可以根据需要对该值进行进一步处理。
阅读全文