Jun 3, 2025 · Feb 8, 2025 · Jun 3, 2025
diff --git a/1-js/06-advanced-functions/10-bind/2-write-to-object-after-bind/solution.md b/1-js/06-advanced-functions/10-bind/2-write-to-object-after-bind/solution.md
 The answer: `null`.
 Odpověď: `null`.


 ```js run
 function f() {
  alert( this ); // null
 }

 letuser = {
 letuživatel = {
  g: f.bind(null)
 };

 user.g();
 uživatel.g();
 ```

 The context of a bound function is hard-fixed. There's just no way to further change it.
 Kontext vázané funkce je napevno nastaven. Není žádný způsob, jak jej dále změnit.

 So even while we run `user.g()`,the original function is called with `this=null`.
 I když tedy spustíme `uživatel.g()`,původní funkce se volá s `this=null`.
diff --git a/1-js/06-advanced-functions/10-bind/2-write-to-object-after-bind/task.md b/1-js/06-advanced-functions/10-bind/2-write-to-object-after-bind/task.md

 ---

 #Bound function as a method
 #Vázaná funkce jako metoda

 What will be the output?
 Jaký bude výstup?

 ```js
 function f() {
  alert( this ); // ?
 }

 letuser = {
 letuživatel = {
  g: f.bind(null)
 };

 user.g();
 uživatel.g();
 ```

diff --git a/1-js/06-advanced-functions/10-bind/3-second-bind/solution.md b/1-js/06-advanced-functions/10-bind/3-second-bind/solution.md
 The answer: **John**.
 Odpověď: **Jan**.

 ```js run no-beautify
 function f() {
  alert(this.name);
  alert(this.jméno);
 }

 f = f.bind( {name: "John"} ).bind( {name: "Pete"} );
 f = f.bind( {jméno: "Jan"} ).bind( {jméno: "Petr"} );

 f(); //John
 f(); //Jan
 ```

 The exotic [bound function](https://tc39.github.io/ecma262/#sec-bound-function-exotic-objects) object returned by`f.bind(...)` remembers the context (and arguments if provided) only at creation time.
 Exotický objekt [vázané funkce](https://tc39.github.io/ecma262/#sec-bound-function-exotic-objects), vracený funkcí`f.bind(...)`, si pamatuje kontext (a argumenty, jsou-li uvedeny) jen v době vytvoření.

 A function cannot be re-bound.
 Funkci nelze navázat znovu.
diff --git a/1-js/06-advanced-functions/10-bind/3-second-bind/task.md b/1-js/06-advanced-functions/10-bind/3-second-bind/task.md

 ---

 #Second bind
 #Druhá vazba

 Can we change`this`by additional binding?
 Můžeme změnit`this`další vazbou?

 What will be the output?
 Jaký bude výstup?

 ```js no-beautify
 function f() {
  alert(this.name);
  alert(this.jméno);
 }

 f = f.bind( {name: "John"} ).bind( {name: "Ann" } );
 f = f.bind( {jméno: "Jan"} ).bind( {jméno: "Anna" } );

 f();
 ```
diff --git a/1-js/06-advanced-functions/10-bind/4-function-property-after-bind/solution.md b/1-js/06-advanced-functions/10-bind/4-function-property-after-bind/solution.md
 The answer: `undefined`.
 Odpověď: `undefined`.

 The result of`bind`is another object. It does not have the`test` property.
 Výsledkem funkce`bind`je jiný objekt, který nemá vlastnost`test`.

diff --git a/1-js/06-advanced-functions/10-bind/4-function-property-after-bind/task.md b/1-js/06-advanced-functions/10-bind/4-function-property-after-bind/task.md

 ---

 #Function property after bind
 #Vlastnost funkce po bind

 There's a value in the property of a function. Will it change after`bind`?Why, or why not?
 Ve vlastnosti funkce je nějaká hodnota. Změní se po`bind`?Proč, nebo proč ne?

 ```js run
 functionsayHi() {
  alert( this.name );
 functionřekniAhoj() {
  alert( this.jméno );
 }
 sayHi.test = 5;
 řekniAhoj.test = 5;

 *!*
 letbound =sayHi.bind({
 name: "John"
 letvázaná =řekniAhoj.bind({
 jméno: "Jan"
 });

 alert(bound.test ); //what will be the output? why?
 alert(vázaná.test ); //jaký bude výstup? A proč?
 */!*
 ```

diff --git a/1-js/06-advanced-functions/10-bind/5-question-use-bind/solution.md b/1-js/06-advanced-functions/10-bind/5-question-use-bind/solution.md

 The error occurs because `askPassword` gets functions `loginOk/loginFail` without the object.
 Chyba nastane proto, že funkce `zeptejSeNaHeslo` obdrží funkce `přihlášeníOK/přihlášeníSelhalo` bez objektu.

 When it calls them, they naturally assume `this=undefined`.
 Když je zavolá, přirozeně předpokládají `this=undefined`.

 Let's`bind` the context:
 Navažme kontext funkcí`bind`:

 ```js run
 functionaskPassword(ok,fail) {
  letpassword = prompt("Password?", '');
  if (password == "rockstar") ok();
  elsefail();
 functionzeptejSeNaHeslo(ok,selhal) {
  letheslo = prompt("Heslo?", '');
  if (heslo == "rockstar") ok();
  elseselhal();
 }

 letuser = {
 name: 'John',
 letuživatel = {
 jméno: 'Jan',

 loginOk() {
    alert(`${this.name} logged in`);
 přihlášeníOK() {
    alert(`${this.jméno} se přihlásil`);
  },

 loginFail() {
    alert(`${this.name} failed to log in`);
 přihlášeníSelhalo() {
    alert(`${this.jméno} se nedokázal přihlásit`);
  },

 };

 *!*
 askPassword(user.loginOk.bind(user),user.loginFail.bind(user));
 zeptejSeNaHeslo(uživatel.přihlášeníOK.bind(uživatel),uživatel.přihlášeníSelhalo.bind(uživatel));
 */!*
 ```

 Now it works.
 Teď to funguje.

 An alternative solution could be:
 Alternativní řešení by mohlo být:
 ```js
 //...
 askPassword(() =>user.loginOk(), () =>user.loginFail());
 zeptejSeNaHeslo(() =>uživatel.přihlášeníOK(), () =>uživatel.přihlášeníSelhalo());
 ```

 Usually that also works and looks good.
 Obvykle to také funguje a vypadá dobře.

 It's a bit less reliable though in more complex situations where `user` variable might change *after* `askPassword` is called, but *before* the visitor answers and calls`() =>user.loginOk()`.
 Je to však méně spolehlivé ve složitějších situacích, kdy se proměnná `uživatel` může změnit *po* volání `zeptejSeNaHeslo`, ale *před* odpovědí návštěvníka a voláním`() =>uživatel.přihlášeníOK()`.
diff --git a/1-js/06-advanced-functions/10-bind/5-question-use-bind/task.md b/1-js/06-advanced-functions/10-bind/5-question-use-bind/task.md

 ---

 #Fix a function that loses "this"
 #Opravte funkci, která ztrácí „this“

 The call to `askPassword()`in the code below should check the password and then call `user.loginOk/loginFail` depending on the answer.
 Volání `zeptejSeNaHeslo()`v následujícím kódu by mělo zkontrolovat heslo a pak podle toho, jaká je odpověď, zavolat `uživatel.přihlášeníOK/přihlášeníSelhalo`.

 But it leads to an error. Why?
 Vede však k chybě. Proč?

 Fix the highlighted line for everything to start working right (other lines are not to be changed).
 Opravte zvýrazněný řádek tak, aby všechno začalo fungovat správně (ostatní řádky neměňte).

 ```js run
 functionaskPassword(ok,fail) {
  letpassword = prompt("Password?", '');
  if (password == "rockstar") ok();
  elsefail();
 functionzeptejSeNaHeslo(ok,selhal) {
  letheslo = prompt("Heslo?", '');
  if (heslo == "rockstar") ok();
  elseselhal();
 }

 letuser = {
 name: 'John',
 letuživatel = {
 jméno: 'Jan',

 loginOk() {
    alert(`${this.name} logged in`);
 přihlášeníOK() {
    alert(`${this.jméno} přihlášen`);
  },

 loginFail() {
    alert(`${this.name} failed to log in`);
 přihlášeníSelhalo() {
    alert(`${this.jméno} se nedokázal přihlásit`);
  },

 };

 *!*
 askPassword(user.loginOk, user.loginFail);
 zeptejSeNaHeslo(uživatel.přihlášeníOK, uživatel.přihlášeníSelhalo);
 */!*
 ```
diff --git a/1-js/06-advanced-functions/10-bind/6-ask-partial/solution.md b/1-js/06-advanced-functions/10-bind/6-ask-partial/solution.md


 1. Either use a wrapper function, an arrow to be concise:
 1.  Buď použijeme obalovou funkci, pro stručnost šipkovou:

    ```js
 askPassword(() =>user.login(true), () =>user.login(false));
 zeptejSeNaHeslo(() =>uživatel.přihlaš(true), () =>uživatel.přihlaš(false));
    ```

 Now it gets `user` from outer variables and runs it the normal way.
 Nyní načte proměnnou `uživatel` z vnějších proměnných a funguje běžným způsobem.

 2.Or create a partial function from `user.login` that uses `user` as the context and has the correct first argument:
 2. Nebo vytvoříme částečnou funkci z `uživatel.přihlaš`, která používá `uživatel` jako kontext a má příslušný první argument:


    ```js
 askPassword(user.login.bind(user, true),user.login.bind(user, false));
 zeptejSeNaHeslo(uživatel.přihlaš.bind(uživatel, true),uživatel.přihlaš.bind(uživatel, false));
    ```
diff --git a/1-js/06-advanced-functions/10-bind/6-ask-partial/task.md b/1-js/06-advanced-functions/10-bind/6-ask-partial/task.md

 ---

 #Partial application for login
 #Částečná aplikace pro přihlášení

 The task is a little more complex variant of <info:task/question-use-bind>.
 Tato úloha je trochu složitější variantou úlohy <info:task/question-use-bind>.

 The `user` object was modified. Now instead of two functions `loginOk/loginFail`, it has a single function `user.login(true/false)`.
 Objekt `uživatel` se změnil. Nyní má místo dvou funkcí `přihlášeníOK/přihlášeníSelhalo` jedinou funkci `uživatel.přihlaš(true/false)`.

 What should we pass `askPassword` in the code below, so that it calls `user.login(true)`as `ok`and `user.login(false)`as `fail`?
 Co bychom měli předat funkci `zeptejSeNaHeslo` v následujícím kódu, aby volala `uživatel.přihlaš(true)`jako `ok`a `uživatel.přihlaš(false)`jako `selhal`?

 ```js
 functionaskPassword(ok,fail) {
  letpassword = prompt("Password?", '');
  if (password == "rockstar") ok();
  elsefail();
 functionzeptejSeNaHeslo(ok,selhal) {
  letheslo = prompt("Heslo?", '');
  if (heslo == "rockstar") ok();
  elseselhal();
 }

 letuser = {
 name: 'John',
 letuživatel = {
 jméno: 'Jan',

 login(result) {
    alert( this.name + (result ? 'logged in' : 'failed to log in') );
 přihlaš(výsledek) {
    alert( this.jméno + (výsledek ? 'se přihlásil' : 'se nedokázal přihlásit') );
  }
 };

 *!*
 askPassword(?, ?); // ?
 zeptejSeNaHeslo(?, ?); // ?
 */!*
 ```

 Your changes should only modify the highlighted fragment.
 Vaše změny by měly modifikovat pouze zvýrazněnou část.
Original file line number	Diff line number	Diff line change
		@@ -1,18 +1,18 @@
		The answer: `null`.
		Odpověď: `null`.


		```js run
		function f() {
		alert( this ); // null
		}

		letuser = {
		letuživatel = {
		g: f.bind(null)
		};

		user.g();
		uživatel.g();
		```

		The context of a bound function is hard-fixed. There's just no way to further change it.
		Kontext vázané funkce je napevno nastaven. Není žádný způsob, jak jej dále změnit.

		So even while we run `user.g()`,the original function is called with `this=null`.
		I když tedy spustíme `uživatel.g()`,původní funkce se volá s `this=null`.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,19 +2,19 @@ importance: 5

		---

		#Bound function as a method
		#Vázaná funkce jako metoda

		What will be the output?
		Jaký bude výstup?

		```js
		function f() {
		alert( this ); // ?
		}

		letuser = {
		letuživatel = {
		g: f.bind(null)
		};

		user.g();
		uživatel.g();
		```
Original file line number	Diff line number	Diff line change
		@@ -1,15 +1,15 @@
		The answer: John.
		Odpověď: Jan.

		```js run no-beautify
		function f() {
		alert(this.name);
		alert(this.jméno);
		}

		f = f.bind( {name: "John"} ).bind( {name: "Pete"} );
		f = f.bind( {jméno: "Jan"} ).bind( {jméno: "Petr"} );

		f(); //John
		f(); //Jan
		```

		The exotic [bound function](https://tc39.github.io/ecma262/#sec-bound-function-exotic-objects) object returned by`f.bind(...)` remembers the context (and arguments if provided) only at creation time.
		Exotický objekt [vázané funkce](https://tc39.github.io/ecma262/#sec-bound-function-exotic-objects), vracený funkcí`f.bind(...)`, si pamatuje kontext (a argumenty, jsou-li uvedeny) jen v době vytvoření.

		A function cannot be re-bound.
		Funkci nelze navázat znovu.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,18 +2,18 @@ importance: 5

		---

		#Second bind
		#Druhá vazba

		Can we change`this`by additional binding?
		Můžeme změnit`this`další vazbou?

		What will be the output?
		Jaký bude výstup?

		```js no-beautify
		function f() {
		alert(this.name);
		alert(this.jméno);
		}

		f = f.bind( {name: "John"} ).bind( {name: "Ann" } );
		f = f.bind( {jméno: "Jan"} ).bind( {jméno: "Anna" } );

		f();
		```
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,4 @@
		The answer: `undefined`.
		Odpověď: `undefined`.

		The result of`bind`is another object. It does not have the`test` property.
		Výsledkem funkce`bind`je jiný objekt, který nemá vlastnost`test`.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,22 +2,22 @@ importance: 5

		---

		#Function property after bind
		#Vlastnost funkce po bind

		There's a value in the property of a function. Will it change after`bind`?Why, or why not?
		Ve vlastnosti funkce je nějaká hodnota. Změní se po`bind`?Proč, nebo proč ne?

		```js run
		functionsayHi() {
		alert( this.name );
		functionřekniAhoj() {
		alert( this.jméno );
		}
		sayHi.test = 5;
		řekniAhoj.test = 5;

		!
		letbound =sayHi.bind({
		name: "John"
		letvázaná =řekniAhoj.bind({
		jméno: "Jan"
		});

		alert(bound.test ); //what will be the output? why?
		alert(vázaná.test ); //jaký bude výstup? A proč?
		/!
		```
Original file line number	Diff line number	Diff line change
		@@ -1,43 +1,43 @@

		The error occurs because `askPassword` gets functions `loginOk/loginFail` without the object.
		Chyba nastane proto, že funkce `zeptejSeNaHeslo` obdrží funkce `přihlášeníOK/přihlášeníSelhalo` bez objektu.

		When it calls them, they naturally assume `this=undefined`.
		Když je zavolá, přirozeně předpokládají `this=undefined`.

		Let's`bind` the context:
		Navažme kontext funkcí`bind`:

		```js run
		functionaskPassword(ok,fail) {
		letpassword = prompt("Password?", '');
		if (password == "rockstar") ok();
		elsefail();
		functionzeptejSeNaHeslo(ok,selhal) {
		letheslo = prompt("Heslo?", '');
		if (heslo == "rockstar") ok();
		elseselhal();
		}

		letuser = {
		name: 'John',
		letuživatel = {
		jméno: 'Jan',

		loginOk() {
		alert(`${this.name} logged in`);
		přihlášeníOK() {
		alert(`${this.jméno} se přihlásil`);
		},

		loginFail() {
		alert(`${this.name} failed to log in`);
		přihlášeníSelhalo() {
		alert(`${this.jméno} se nedokázal přihlásit`);
		},

		};

		!
		askPassword(user.loginOk.bind(user),user.loginFail.bind(user));
		zeptejSeNaHeslo(uživatel.přihlášeníOK.bind(uživatel),uživatel.přihlášeníSelhalo.bind(uživatel));
		/!
		```

		Now it works.
		Teď to funguje.

		An alternative solution could be:
		Alternativní řešení by mohlo být:
		```js
		//...
		askPassword(() =>user.loginOk(), () =>user.loginFail());
		zeptejSeNaHeslo(() =>uživatel.přihlášeníOK(), () =>uživatel.přihlášeníSelhalo());
		```

		Usually that also works and looks good.
		Obvykle to také funguje a vypadá dobře.

		It's a bit less reliable though in more complex situations where `user` variable might change after `askPassword` is called, but before the visitor answers and calls`() =>user.loginOk()`.
		Je to však méně spolehlivé ve složitějších situacích, kdy se proměnná `uživatel` může změnit po volání `zeptejSeNaHeslo`, ale před odpovědí návštěvníka a voláním`() =>uživatel.přihlášeníOK()`.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,35 +2,35 @@ importance: 5

		---

		#Fix a function that loses "this"
		#Opravte funkci, která ztrácí „this“

		The call to `askPassword()`in the code below should check the password and then call `user.loginOk/loginFail` depending on the answer.
		Volání `zeptejSeNaHeslo()`v následujícím kódu by mělo zkontrolovat heslo a pak podle toho, jaká je odpověď, zavolat `uživatel.přihlášeníOK/přihlášeníSelhalo`.

		But it leads to an error. Why?
		Vede však k chybě. Proč?

		Fix the highlighted line for everything to start working right (other lines are not to be changed).
		Opravte zvýrazněný řádek tak, aby všechno začalo fungovat správně (ostatní řádky neměňte).

		```js run
		functionaskPassword(ok,fail) {
		letpassword = prompt("Password?", '');
		if (password == "rockstar") ok();
		elsefail();
		functionzeptejSeNaHeslo(ok,selhal) {
		letheslo = prompt("Heslo?", '');
		if (heslo == "rockstar") ok();
		elseselhal();
		}

		letuser = {
		name: 'John',
		letuživatel = {
		jméno: 'Jan',

		loginOk() {
		alert(`${this.name} logged in`);
		přihlášeníOK() {
		alert(`${this.jméno} přihlášen`);
		},

		loginFail() {
		alert(`${this.name} failed to log in`);
		přihlášeníSelhalo() {
		alert(`${this.jméno} se nedokázal přihlásit`);
		},

		};

		!
		askPassword(user.loginOk, user.loginFail);
		zeptejSeNaHeslo(uživatel.přihlášeníOK, uživatel.přihlášeníSelhalo);
		/!
		```
Original file line number	Diff line number	Diff line change
		@@ -1,16 +1,14 @@


		1. Either use a wrapper function, an arrow to be concise:
		1. Buď použijeme obalovou funkci, pro stručnost šipkovou:

		```js
		askPassword(() =>user.login(true), () =>user.login(false));
		zeptejSeNaHeslo(() =>uživatel.přihlaš(true), () =>uživatel.přihlaš(false));
		```

		Now it gets `user` from outer variables and runs it the normal way.
		Nyní načte proměnnou `uživatel` z vnějších proměnných a funguje běžným způsobem.

		2.Or create a partial function from `user.login` that uses `user` as the context and has the correct first argument:
		2. Nebo vytvoříme částečnou funkci z `uživatel.přihlaš`, která používá `uživatel` jako kontext a má příslušný první argument:


		```js
		askPassword(user.login.bind(user, true),user.login.bind(user, false));
		zeptejSeNaHeslo(uživatel.přihlaš.bind(uživatel, true),uživatel.přihlaš.bind(uživatel, false));
		```
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,33 +2,33 @@ importance: 5

		---

		#Partial application for login
		#Částečná aplikace pro přihlášení

		The task is a little more complex variant of <info:task/question-use-bind>.
		Tato úloha je trochu složitější variantou úlohy <info:task/question-use-bind>.

		The `user` object was modified. Now instead of two functions `loginOk/loginFail`, it has a single function `user.login(true/false)`.
		Objekt `uživatel` se změnil. Nyní má místo dvou funkcí `přihlášeníOK/přihlášeníSelhalo` jedinou funkci `uživatel.přihlaš(true/false)`.

		What should we pass `askPassword` in the code below, so that it calls `user.login(true)`as `ok`and `user.login(false)`as `fail`?
		Co bychom měli předat funkci `zeptejSeNaHeslo` v následujícím kódu, aby volala `uživatel.přihlaš(true)`jako `ok`a `uživatel.přihlaš(false)`jako `selhal`?

		```js
		functionaskPassword(ok,fail) {
		letpassword = prompt("Password?", '');
		if (password == "rockstar") ok();
		elsefail();
		functionzeptejSeNaHeslo(ok,selhal) {
		letheslo = prompt("Heslo?", '');
		if (heslo == "rockstar") ok();
		elseselhal();
		}

		letuser = {
		name: 'John',
		letuživatel = {
		jméno: 'Jan',

		login(result) {
		alert( this.name + (result ? 'logged in' : 'failed to log in') );
		přihlaš(výsledek) {
		alert( this.jméno + (výsledek ? 'se přihlásil' : 'se nedokázal přihlásit') );
		}
		};

		!
		askPassword(?, ?); // ?
		zeptejSeNaHeslo(?, ?); // ?
		/!
		```

		Your changes should only modify the highlighted fragment.
		Vaše změny by měly modifikovat pouze zvýrazněnou část.