Multiple bracket function in JavaScript are tricky to understand. The bracket generally resemble a function without bracket it would be a variable. So, if you want multiple bracket function you would need to return multiple function in it. For eg: look at the code below.<\/p>\n\n\n\n
function addThis(x){\n return function(y){\n return x+y;\n }\n}\naddThis(3)(4) \/\/output : 7<\/code><\/pre>\n\n\n\nNow what if we need to perform same operation with the number of bracket which is not fixed ?<\/p>\n\n\n\n
addThis(3)(4) \/\/ 7\naddThis(3)(4)(5) \/\/12\naddThis(3)(4)(5)(6) \/\/18\naddThis(1)(1)(1)(1)(1) \/\/5<\/code><\/pre>\n\n\n\nWith single bracket function we could just have rest parameter.<\/p>\n\n\n\n
function add(...args) {\n let sum = 0;\n for(let i=0; i<args.length; i++) {\n sum = sum + args[i];\n }\n return sum;\n }\nconsole.log(add(1,2,3,4,5))<\/code><\/pre>\n\n\n\nBut with multiple bracket function we might need to use like this. You have to pass empty () at the end when you want to terminate the call and get the final value.<\/p>\n\n\n\n
const sum= x => y => (y !== undefined) ? sum(x + y) : x;\nsum(10)(30)(45)();<\/code><\/pre>\n\n\n\n