Suggestions to Improve Clarity in the Example of Passing State into Functions

[good-dev-student]

Hi there! I found the example of passing state into functions a bit complicated and unclear. It might help to simplify the explanation or break it down into smaller steps. I'd really appreciate it!

now:
https://svelte.dev/docs/svelte/$state#Passing-state-into-functions

function add(getA: () => number, getB: () => number) {
	return () => getA() + getB();
}

let a = 1;
let b = 2;
let total = add(() => a, () => b);
console.log(total()); // 3

a = 3;
b = 4;
console.log(total()); // 7

suggested:

function add(a: number, b: number) {
return a + b;
}

let a = 1;
let b = 2;

function total() {
return add(a, b);
}

console.log(total()); // 3

a = 3;
b = 4;

console.log(total()); // 7

or even :

<script lang="ts">
	const add = (a: number, b: number) => a + b;

	let a = 1;
	let b = 2;

	const total = () => add(a, b);

	console.log(total()); // 3

	a = 3;
	b = 4;

	console.log(total()); // 7
</script>

For the 3 versions i see the same result !

[FrotaLucas]

Hello everyone, I’d like to contribute to this task.
I really liked the two suggestions you provided, @good-dev-student . The example became much clearer! =)
Woud you mind if I submit a PR with your first suggestion?

[dummdidumm]

Changing the code like that would change how the concept of closures is explained, and to me at least it becomes more confusing because there's now a new function introduced, whereas the current docs consistently talk about add as the only function