KWALIFIKACJA INF3 - CZERWIEC 2021 (test 2)

PYTANIE NR 33.
Wskaż definicję metody, którą należy wstawić w miejscu kropek, aby na stronie WWW wyświetlił się tekst: Jan Kowalski
Ilustracja przedstawia fragment kodu HTML i JavaScript, który jest częścią pytania egzaminacyjnego związanego z kwalifikacją
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Aby uzyskać napis "Jan Kowalski", w wyrażeniu należy złączyć imię i nazwisko obiektu, dodając między nimi spację. Konstrukcja this.imię + " " + this.nazwisko odwołuje się do bieżącego obiektu (this) i konkatenacją tworzy jeden łańcuch znaków do wyświetlenia.

Pełne wyjaśnienie:

Wynik "Jan Kowalski" oznacza, że w kodzie trzeba zbudować jeden łańcuch znaków z dwóch części: imienia i nazwiska. Najprostsza technika w JavaScript to konkatenacja, czyli łączenie napisów operatorem +.

Poprawna konstrukcja this.imię + " " + this.nazwisko działa, ponieważ:

  • this wskazuje obiekt, na którym wykonywana jest dana metoda/funkcja (kontekst wywołania).
  • this.imię odczytuje wartość właściwości imię, np. "Jan".
  • " " dodaje pojedynczą spację jako separator, aby wynik nie skleił się w "JanKowalski".
  • this.nazwisko odczytuje wartość właściwości nazwisko, np. "Kowalski".

Typowe błędy w odpowiedziach niepoprawnych to m.in. brak spacji między elementami, użycie nieprawidłowego odwołania do kontekstu (np. do zmiennych globalnych zamiast właściwości obiektu) albo potraktowanie pól obiektu jak funkcji (dodanie nawiasów), gdy w zadaniu chodzi o zwykłe wartości tekstowe. W praktyce, jeśli celem jest wyświetlenie tekstu na stronie, taki zbudowany napis dopiero potem przypisuje się np. do elementu DOM (np. przez textContent), ale sednem zadania jest poprawne złożenie łańcucha z pól obiektu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):

this to odwołanie do obiektu będącego kontekstem wywołania funkcji/metody.

W metodzie obiektu zwykle wskazuje ten obiekt, dzięki czemu można czytać jego właściwości (np. this.imie). Znaczenie this zależy od sposobu wywołania funkcji.

Najprościej użyć konkatenacji operatorem +: imie + " " + nazwisko.

Wstawienie " " dodaje spację między wyrazami, aby wynik był czytelny. Alternatywnie można użyć szablonów tekstowych (template literals), ale na egzaminie często sprawdzane jest łączenie +.

Bez separatora napisy skleiłyby się w jeden ciąg, np. JanKowalski, co nie spełnia wymogu zadania.

Wstawienie " " (pojedynczej spacji) zapewnia wynik dokładnie w formacie "Jan Kowalski". To częsty detal, na którym zdający tracą punkty.

Zapis this.imie oznacza zwykle właściwość (pole) obiektu, czyli przechowywaną wartość.

Metoda byłaby wywołaniem funkcji, np. this.imie(). Jeśli w zadaniu chodzi o tekst "Jan", to typowo pobiera się go z właściwości, a nie z wywołania funkcji.

Najczęstsze pomyłki to: brak spacji między danymi, pomylenie nazw pól (literówka), dodanie nawiasów jak do funkcji oraz błędny kontekst this.

Warto zawsze "przeczytać wynik" w głowie: czy kod da dokładnie taki napis, jakiego wymaga pytanie.

Dzieje się tak, gdy funkcja jest wywoływana poza kontekstem metody obiektu (np. jako samodzielna funkcja), albo gdy przekazujesz ją jako callback bez zachowania kontekstu.

W nowoczesnym JS często stosuje się funkcje strzałkowe lub bind, aby kontrolować kontekst, ale w zadaniach egzaminacyjnych zwykle chodzi o prosty przypadek metody obiektu.

Po zbudowaniu napisu przypisujesz go do elementu DOM, np. przez właściwość textContent lub innerText.

Przykład: pobierasz element i ustawiasz tekst. Na egzaminie często bada się jednak samą część budowania napisu (konkatenacja), a nie pełną manipulację DOM.

Konkatenacja używa operatora +, np. imie + " " + nazwisko.

Template literals używają backticków i podstawień, np. `{imie} {nazwisko}` (z odpowiednią składnią). Szablony są czytelniejsze przy wielu wstawkach, ale w prostych zadaniach obie metody dają ten sam efekt.

W praktyce warto dodać walidację: sprawdzić, czy pola istnieją i mają wartość, a dopiero potem budować napis.

Można też stosować wartości domyślne (np. pusty napis). Na egzaminie zwykle zakłada się, że dane w obiekcie są poprawne, ale dobrze rozumieć ryzyko "undefined" w wyniku.

Wskazówką jest użycie this lub notacji kropkowej, co sugeruje dostęp do właściwości obiektu.

Jeśli pytanie mówi o "metodzie" i "miejscu kropek", to zwykle chodzi o fragment wewnątrz obiektu/klasy. Wtedy odwołanie this.nazwisko jest naturalne i spójne z kontekstem.

info

Statystycznie 62% uczniów zna prawidłową odpowiedź. średnie

W praktyce zawodowej kluczowe jest to, że aby uzyskać napis "Jan Kowalski", w wyrażeniu należy złączyć imię i nazwisko obiektu, dodając między nimi spację.

Źródła:

  • MDN Web Docs: "this" (JavaScript) — https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this (dostęp: 2026-03-04)
  • MDN Web Docs: "String" (JavaScript) — https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String (dostęp: 2026-03-04)
  • MDN Web Docs: Expressions and operators (JavaScript) — https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators (dostęp: 2026-03-04)

Materiały:

  • Dokumentacja MDN Web Docs: JavaScript (podstawy, obiekty, this)
  • Ćwiczenia: konkatenacja vs szablony tekstowe (template literals) w JavaScript
  • Krótkie zadania praktyczne: budowanie napisu z pól obiektu i wyświetlanie go na stronie

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego