Js callback function passes parameters

problem description

I want to pass a parameter of a global variable to the callback function. Although I know that it can be accessed directly without passing parameters, I want to try it, but something goes wrong. I can"t find the passed parameter in the callback function

related codes 

var temp = {};
temp.index = 0;
document.getElementById("d").addEventListener("click", function (e, temp) {
  console.log(temp);
  move(e, temp);
}, false)
function move(e, obj) {
  obj.index = 2;
}

result

clipboard.png

question

I don"t understand why the method of passing parameters to global variables cannot be found in the callback function

.
Css html5 html javascript
Jan.27,2022

clipboard.png
people only accept one input parameter. Isn't it difficult for others to pass in two parameters

use closures 

addEvent.addEventListener('click',log(''))
function log(msg){
    return function(e){
       console.log(msg)
       //to do
    }
}

there are two steps in passing parameters to a function. The first step is to declare the parameters when declaring the function, and the second step is to pass them when the function is called. These two steps are a complete process of passing parameters to the function

. 
function a(x,y)(consoel.log(x,y));
a(1); // 1 undefined

above event binding is that you pass an anonymous function with temp parameters to the event callback. However, after the event is executed, the callback function is executed by the browser or engine, and it does not pass the parameters corresponding to temp, so you cannot receive it. All you can do is the following move function

I have summarized this problem and sorted it out in addeventlistener passing parameters

Welcome to the discussion

Previous: How does the iview Table component obtain the currently checked data through the on-select method

Next: Webpack-dev-server cross-domain invalid

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu