Factory Function JS-CodePudding

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})`
    }
}

CodePudding user response：

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

CodePudding user response：

"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.

CodePudding user response：

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.