DEV Community

Abhishek
Abhishek

Posted on

Need a solution for Closure with this keyword

function outerFun () {
let a = 10;
return function () {
console.log(this.a);
}
}
let fun = outerFun();
fun()

this is pointing to the window.
How can I convert the above closure so that this points to outterFun

Top comments (3)

Collapse
 
digioi profile image
Mike DiGioia •

Is there a reason you need this? or is it because you want to access a...

I would suggest thinking arrow function return instead may solve your problem like

function outerFun () {
   let a = 10;
   return () => console.log(a);
}
let fun = outerFun();
fun()
Enter fullscreen mode Exit fullscreen mode
Collapse
 
digioi profile image
Mike DiGioia • • Edited

Otherwise you need to bind the variables to an object

function outerFun () {
let a = 10; 
return (function () {
console.log(this.a);
}).bind({ a })
}
let fun = outerFun();
fun()
Enter fullscreen mode Exit fullscreen mode
Collapse
 
digioi profile image
Mike DiGioia •

expressed in a slightly different way

function outerFun () {

    function InnerObject() {
        this.a = 10
    }
    let innerObj = new InnerObject()
return (function () {
console.log(this.a);
}).bind(innerObj)
}
let fun = outerFun();
fun()
Enter fullscreen mode Exit fullscreen mode

Read next

aceld profile image

(Part 2) Golang Framework Hands-on - KisFlow Streaming Computing Framework - Project Construction / Basic Modules

Aceld -

iamgoncaloalves profile image

How to serve a Next.js app in docker

Gonçalo Alves -

gratixtechnologiesuk277 profile image

Top 3 custom blockchain development company in the uk with web 3.0 technology

GratixTechnologiesUK277 -

cloudnative_eng profile image

Mentoring Software Engineers

Cloud Native Engineer -