'Factory Function JS

Hello, Can someone please explain me this const {r,g,b} = this; Why it has no variable name, if 'this' is the variable name, to what that 'this' pointing to?

function makeColor(r, g, b) {
    const color = {};
    color.r = r;
    color.g = g;
    color.b = b;
    color.rgb = function () {
        const { r, g, b } = this;
        return `rgb(${r},${g},${b})`
    }
}

javascript function

Solution 1:^[1]

The word 'this' is not a variable. This is a relatively new concept. they call it object destructuring syntax.

Solution 2:^[2]

"this" is a special property of methods. When a function is called as a method of an object, as it is here, "this" refers to that object, in this case the color object, so the color.rgb() method will return the string "rgb(r,g,b)" where the r, g, and b there are the values fed to the makeColor function used to create that object.

Solution 3:^[3]

Variable this not even exits, this is one of the reversed words(such as break, for, function, let etc.), this in context you show directs to color constant, so in context you show this equals to color constant.

More about this at MDN.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Ahmet U?ur
Solution 2	John Morton
Solution 3	NNL993

'Factory Function JS

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]

Solution 3:^[3]