Pytania JavaScript

Scope

Zakres zmiennych JavaScript: let, const, var, bez modyfikatora

[scope] modyfikator: let

Lokalna zmienna w ramach bloku kodu (block scope local variable)

[scope] modyfikator: const

Deklaracja stałej. Zakres w ramach bloku kodu. Nie można jej modyfikować

[scope] modyfikator: var

Zakres jest ograniczony do funkcji, w której zostały zadeklarowane lub do przestrzeni globalnej, jeżeli były zadeklarowane poza funkcją.

[scope] Bez modyfikatora

Zmienna globalna

Czy JavaScript wspiera dziedziczenie?

W JS wszystko jest obiektem, nawet funkcje. Można zaimplementować mechanizm dziedziczenia, opierając się na prototypach.

Jak rozszerzyć wbudowany obiekt w JavaScript?

Wbudowane obiekty można rozszerzyć dzięki mechanizmowi prototypów.

Jakie znasz biblioteki JavaScript?

jQuery, AngularJS, Bootstrap, React. js, Backbone

Jak w JavaScript zrobić tablicę asocjacyjną?

var arr = {key1: 'value1'}; alert(arr. key1);

Jaka jest różnica między == i ===?

== przed porównaniem próbuje przekonwertować do tego samego typu, a === porównuje jeszcze zgodność typów.

Jaka jest różnica między zdarzeniami load i ready w jQuery?

Zdarzenie Load wywołuje się gdy wszystkie zasoby są pobrane, a Ready gdy można modyfikować DOM

Podaj przykład wybranej funkcji wbudowanej w JavaScript

isNaN(), Number(), parseFloat(), parseInt(), String()

Co to jest hoisting?

To wbudowany w JS mechanizm wynoszący wszystkie deklaracje zmiennych na początek funkcji.

Co to jest domknięcie (closure)?

Mechanizm domknięcia polega na zdefiniowaniu jednej funkcji wewnątrz drugiej.

Co to jest funkcja natychmiastowa?

Wywoływana automatycznie bezpośrednio po jej odczytaniu. (function (name) {console. log(name);})('Java');

Metoda call

obj1. sayHello. call(obj2, 'call: ');

Metoda apply

obj1. sayHello. apply(obj2, ['apply: ']);

Metoda bind

var binded = obj1. sayHello. bind(obj2, 'bind: '); binded();

Co to są Obietnice (Promises)?

Możemy odłożyć wykonanie logiki na bok i zająć się głównym przepływem aplikacji. resolve() - powodzenie(wywołanie- then), reject() - niepowodzenie(wywołanie - catch).

Co to jest funkcja wywołania zwrotnego (callback)?

Callback polega na przekazaniu fragmentu logiki (funkcji) jako argument do innej funkcji.

Do czego służy dyrektywa „use strict”?

Pozwala przełączyć silnik JS w "strict mode". W efekcie parser JS jest dużo bardziej rygorystyczny i zgłosi błędy, które były ignorowane.

Jak działa timer w JavaScript (Timing Events)?

JavaScript daje możliwość wywołania funkcji z pewnym opóźnieniem. setTimeout(function, milliseconds), setInterval(function, milliseconds)

setTimeout(function, milliseconds)

Metoda setTimeout jako pierwszy argument przyjmuje funkcję zwrotną, która ma zostać wywołana, a jako drugi czas opóźnienia w milisekundach.

setInterval(function, milliseconds)

Metoda wykonuje dany kod cyklicznie.

Co to jest Arrow functions?

Mechanizm Arrow functions został wprowadzony w celu skrócenia zapisu funkcji anonimowych.

Co to jest funkcja Asynchroniczna?

Kod JavaScriptu nie jest wykonywany linijka po linijce. Przykład Age = 26, console. log, Age ++, Funkcja GET, console. log

Co to jest funkcja Synchroniczna?

Kod JavaScriptu jest wykonywany linijka po linijce. Przykład Age = 26, console. log, Age ++, console. log

Jakie są dwa paradygmaty w JavaScript?

Obiektowy i funkcyjny. Programowanie obiektowe i zestaw funkcji.

Hermetyzacja, lub Enkapsulacja

Klasa definiuje tylko własności obiektu, podczas gdy metoda definiuje tylko sposób realizacji.

Co oznacza słowo kluczowe this?

Jest to referencja do obiektu, który wywołał daną funkcję.

Destrukturyzacja tablic

var array = ["raz","dwa","trzy"]; const [first, second, third] = array; const [x, z] = array;

Destrukturyzacja tablic - Spread?

const arr = [1, 2, 3, 4,]; const [a, b, ... others] = arr; WYNIK: [3,4]

Łączenie tablic za pomocą spread?

let people = [... boys, ... girls];

Jak operować na indeksach tablicy

var array = [2,3,4,5]; for (var i in array) {}, lub for (const i of array) {}

Jak wybrać w jQuery elementy input typu text?

$('input[type=text]);

Co to jest JSON?

Format wymiany informacji. Służy do przekazywaniu danych do aplikacji. Przeważnie za pomocą Ajax.

Co to jest API?

Pozwala na komunikowanie się aplikacji między sobą.

Co to jest AJAX?

Pozwala na komunikację aplikacji z serwerem, bez konieczności przeładowania.

Do czego służy moduł Event?

Służy do obsługi zdarzeń, np. Kliknięcie w dany przycisk.

Która funkcja jQuery pokazuje element poprzez zwiększenie krycia?

faceIn();

Jak wygenerować liczby z zakresu 0-100?

Math. floor(Math. random()*100);

Do czego służy funkcja Math. random()?

Do generowania liczb losowych.

Która funkcja jQuery ukrywa element poprzez zmniejszenie krycia?

fadeOut();

Do czego służy funkcja push()?

Dodaje nowy element do tablicy.

Jakim znakiem można łączyć funkcje w jQuery?

Za pomocą kroki "."

Do czego służy funkcja Math. floor()?

Zaokrągla liczbę w dół.

Jak ukryć element przez 3 sekundy z klasą blog-header?

$(". blog-header"). hide(3000);

Do czego służy funkcja prompt()?

Do pobierania danych wpisywanych przez użytkownika w okienku alert.

[ES6] Jak zadeklarować domyślną wartość funkcji?

function getName(name = 'Daniel'){console. log(` ${name} `);}

[ES6] Jak wyglądają nowe stringi w ES6?

const myString = `Tekst który może być podzielony na wiersze, zwykłym enterem. Za pomocą BackTick(`)`;

[ES6] W jaki sposób destrukturyzujemy obiekt?

const myObj = {name: 'Daniel'}; Wyciągnięcie zmiennej KIEDYŚ: var name=myObj. name; TERAZ: const {name} = myObj; console. log(name);

[ES6] W jaki sposób destrukturyzujemy tablicę?

const array = ['Daniel','Paula']; const [wartosc1, wartosc2] = array; console. log(wartosc1, wartosc2);

[ES6] Jak wygląda funkcja z Arrow Function?

const nazwaFunkcji = (parametr) => {return parametr;};

[ES6] Przykład funkcji, która zwraca tylko returna. Arrow function, w jednej linii.

const nazwaFunkcji = (parametr) => `Parametr to: ${parametr}`;

[ES6] Co to jest Is Modules?

Sposób eksportowania i importowania modułów. import {zmienna} from 'ścieżka';