Context of js

function l() {
    console.log(item);
}

[1, 2, 3].forEach(item => {
    l();
});
The

code is like this. I want to execute the l function in the context of forEach. Item, will be printed in the l function, but this will report an error. How should I correctly let the l function execute and print 1pm / 2min 3

Javascript
Mar.25,2021 
function l(item) {
    console.log(item);
}

[1, 2, 3].forEach(item => {
    l(item);
});

you didn't pass the parameters in.

js uses lexical scope, which means that for any variable, the context of is the context in which the variable is defined , rather than the context in use .

item is a local variable of an anonymous function in forEach. The function l is defined outside the anonymous function and cannot access the internal variables of the function.

the implementation of your topic can be used in languages with dynamic scope. At present, most languages use lexical scope

. 
function l(){
    console.log(this);
}

[1, 2, 3].forEach(item => {
    l.call(item);
});

the execution environment of, l () that does not exist is global and cannot be accessed to item, except by passing parameters (previously answered) or accessing the item of l () 's execution environment (global). 

var item;
function l() {
    console.log(item);
}

[1, 2, 3].forEach(ele => {
    item=ele;
    l();
}

or, put the execution environment of l () into forEach, that is, define l () into forEach. 

[1, 2, 3].forEach(item => {
    function l() {
        console.log(item);
    }
    l();
});

l () function passes parameters

babel-plugin-macros allows you to create your own syntax, such as babel-macro-cxt .

Previous: Ubuntu installation tensorflow prompt pip version is not correct

Next: How to add a little red dot of unread messages to the app icon of mixed development?

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