Popis (naprednih) JavaScript pitanja

=======================================

Svakodnevno postavljam JavaScript pitanja s višestrukim izborom na moj Instagram, koja također objavljujem ovdje!

Od osnovnog do naprednog: testirajte koliko dobro znate JavaScript, malo osvježite svoje znanje, ili se pripremite za svoj intervju! :muscle: :rocket: Ovaj tjedni repo ažuriram s novim pitanjima.

Odgovori su jednostavno dijelovima ispod pitanja kliknite na njih da biste ih proširili. Sretno :heart:

1. Što je izlaz?
function sayHi() {
  console.log(name);
  console.log(age);
  var name = "Lydia";
  let age = 21;
}

sayHi();
Odgovor

Odgovor: D

Unutar funkcije, najprije deklarišemo varijablu name s var ključne riječi. To znači da se varijabla podiže (memorijski prostor je postavljen tijekom faze izrade) sa zadanom vrijednošću undefined, dok zapravo ne dođemo do linije gdje definiramo varijablu. Mi još nismo definirali varijablu na liniji gdje pokušavamo prijaviti varijabla name, tako da još uvijek sadrži vrijednost undefined.

Varijable s ključnom riječi let (i const) su podignute, ali za razliku od njih var, ne bivaju inicijalizirane . Nisu dostupne prije linije na kojoj ih proglašavamo (inicijaliziramo). To se naziva “temporal dead zone”. Kada pokušamo pristupiti varijablama prije nego što budu deklarirane, JavaScript izbacuje ReferenceError.

2. Što je izlaz?
for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1);
}

for (let i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1);
}
Odgovor

Odgovor: C

Zbog reda događaja u JavaScriptu, povratni poziv setTimeout function se zove * nakon što je izvršena petlja. Od varijabla i u prvoj petlji je deklarirana pomoću ključne riječi var, ta je vrijednost bila globalna. Tijekom petlje povećavamo vrijednost i svaki put ‘1’, koristeći unarni operator ++. Do vremena Pozvana je function povratnog poziva setTimeout, i je bila jednaka 3 u u prvom primjeru.

U drugoj petlji, varijabla i je deklarirana pomoću let ključna riječ: varijable deklarirane s ključnom riječi let (i const) su block-scoped (blok je sve između {}). Tijekom svake iteracije, i će imati novu vrijednost, a svaka vrijednost će biti obuhvaćena unutar petlje.

3. Što je izlaz?
const shape = {
  radius: 10,
  diameter() {
    return this.radius * 2;
  },
  perimeter: () => 2 * Math.PI * this.radius
};

shape.diameter();
shape.perimeter();
Odgovor

Odgovor: B

Imajte na umu da je vrijednost “promjera” uobičajena function, dok je vrijednost promjera vrijednost “perimetra” je function strelice.

Sa functionma strelica, ključna riječ “this” odnosi se na njegovo trenutno okolno područje, za razliku od uobičajenih function! To znači kada nazovemo ‘perimetar’, ne odnosi se na objekt oblika, već na njegov okruženje (primjerice, prozor).

Na tom objektu nema vrijednosti radius koja vraća undefined.

4. Što je izlaz?
+true;
!"Lydia";
Odgovor

Odgovor: A

Unary plus pokušava pretvoriti operand u broj. “true” je “1”, i “false” je “0”.

Niz ” Lydia ” je istinita vrijednost. Ono što zapravo tražimo jest “je li ta istinita vrijednost lažna?“. Ovo vraća “false”.

5. Što je od ovoga istina?
const bird = {
  size: "small"
};

const mouse = {
  name: "Mickey",
  small: true
};
Odgovor

Odgovor: A

U JavaScriptu su svi key-evi objekta stringovi (osim ako to nije simbol). Čak iako ih možda ne * upisujemo kao * nizove, oni se uvijek pretvaraju u String ispod “haube”.

JavaScript tumači (ili odlaže) izjave. Kada koristimo zagradu notacija, on vidi prvu otvorenu zagradu ```i nastavlja dalje do nje pronalazi završnu zagradu ]. Tek tada će procijeniti izjavu.

mouse [bird.size]: Prvo procjenjuje bird.size, što je small“. mouse [" small "] vraća “true”

Međutim, s točkastom notacijom, to se ne događa. miša 'nema a key naziva se 'bird', što znači da je mouse.bird“ undefined. Zatim, tražimo "veličinu" koristeći točkovni zapis: mouse.bird.size ‘. Od mouse.bird je undefined, zapravo pitamo undefined.size. To nije valjano, a bit će u pitanju pogreška slična onoj Cannot read property "size" of undefined.

6. Što je izlaz?
let c = { greeting: "Hey!" };
let d;

d = c;
c.greeting = "Hello";
console.log(d.greeting);
Odgovor

Odgovor: A

U JavaScriptu, svi objekti međusobno djeluju referencom kada ih postavljaju jednaki.

Prvo, varijabla c sadrži vrijednost objekta. Kasnije dodijelimo d s istom referencom koju `c ‘ima na objekt.

Kada promijenite jedan objekt, mijenjate ih sve.

7. Što je izlaz?
let a = 3;
let b = new Number(3);
let c = 3;

console.log(a == b);
console.log(a === b);
console.log(b === c);
Odgovor

Odgovor: C

new Number () je ugrađena konstruktor funkcija. Iako izgleda kao broj, to zapravo nije broj: ima gomilu ekstra dodataka pa je zbog toga objekt.

Kada koristimo == operator, on samo provjerava ima li isti vrijednost. Obje imaju vrijednost 3, pa se vraća ‘true’.

Međutim, kada koristimo === operator, obje vrijednosti * i * trebaju biti iste. To nije: new Number () nije broj, to je ** objekt **. Oba vraćaju “false”

8. Što je izlaz?
class Chameleon {
  static colorChange(newColor) {
    this.newColor = newColor;
    return this.newColor;
  }

  constructor({ newColor = "green" } = {}) {
    this.newColor = newColor;
  }
}

const freddie = new Chameleon({ newColor: "purple" });
freddie.colorChange("orange");
Odgovor

Odgovor: D

function colorChange je statična. Namijenjene su statičkim metodama žive samo na konstruktoru u kojem su stvoreni i ne mogu biti proslijeđeni bilo kojem childu. Budući da je freddie child, function je nije proslijeđena, i nije dostupan na freddie instanci: a Izbačen je TypeError.

9. Što je izlaz?
let greeting;
greetign = {}; // Typo!
console.log(greetign);
Odgovor

Odgovor: A

Zapisuje objekt, jer smo upravo stvorili prazan objekt na globalni objekt! Kada smo pogrešno ukucali pozdrav kao greeting, JS interpreter je zapravo to vidio kao global.greeting = {} (ili window.greeting = {} u pregledniku).

Kako bismo to izbjegli, možemo koristiti “ use strict ”. To osigurava to da ste deklarirali varijablu prije nego je postavite na bilo što.

10. Što se događa kada učinimo ovo?
function bark() {
  console.log("Woof!");
}

bark.animal = "dog";
Odgovor

Odgovor: A

Ovo je moguće u JavaScriptu, jer su funkcije objekti! (Sve osim primitivnih tipova su objekti)

function je posebna vrsta objekta. Kod koji sami napišete nije stvarna funkcija. Function je objekt sa svojstvima. To svojstvo je nepovratno.

11. Kakav je rezultat?
function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

const member = new Person("Lydia", "Hallie");
Person.getFullName = function() {
  return `${this.firstName} ${this.lastName}`;
};

console.log(member.getFullName());
Odgovor

Odgovor: A

Ne možete dodati svojstva konstruktoru kao što možete s uobičajenim objektima. Ako želite dodati značajku svim objektima odjednom, imate umjesto toga koristiti prototip. Dakle, u ovom slučaju,

Person.prototype.getFullName = function () {
  return `$ {this.ime} $ {this.prezime}`;
};

bi učinio member.getFullName (). Zašto je to korisno? Reći ćemo da smo tu metodu dodali samom konstruktoru. Možda ne svaki Primjer “Person” trebao je ovu metodu. To bi trošilo puno memorije scopa (prostora), jer bi oni još uvijek imali tu svojinu, koja uzima memoriju scopa za svaku instancu. Umjesto toga, ako ga samo dodamo prototipu, mi ćemo je imati na jednom mjestu u memoriji, ali svi imaju pristup!

12. Što je izlaz?
function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

const lydia = new Person("Lydia", "Hallie");
const sarah = Person("Sarah", "Smith");

console.log(lydia);
console.log(sarah);
Odgovor

Odgovor: A

Za Sarah nismo koristili ključnu riječ new. Kada koristite “new”, to odnosi se na novi prazni objekt koji stvaramo. Međutim, ako ne dodate new se odnosi na ** globalni objekt **!

Rekli smo da je “this.ime” jednako “Sarah” i this.prezime jednak je “Smithu”. Ono što smo zapravo učinili jest definiranje global.ime = 'Sarah' i global.prezime =' Smith'. sarah sam je ostavljen ‘undefined’.

13. Koje su tri faze propagiranja događaja?
Odgovor

Odgovor: D

Tijekom ** capturing ** događaj prolazi kroz pretka elemente do ciljnog elementa. Zatim doseže ** target ** i ** bubbling **.

14. Svi objekti imaju prototipove.
Odgovor

Odgovor: B

Svi objekti imaju prototipove, osim ** osnovnog objekta **. Uporište objekt ima pristup nekim metodama i svojstvima, kao što je .toString. To je razlog zašto možete koristiti ugrađene JavaScript metode! Sve od takve su metode dostupne na prototipu. Iako JavaScript ne može pronaći ga izravno na vašem objektu, ide niz lanac prototipa i nalazi ga tamo, što ga čini dostupnim.

15. Što je izlaz?
function sum(a, b) {
  return a + b;
}

sum(1, "2");
Odgovor

Odgovor: C

JavaScript je ** dinamički upisani jezik **: ne navodimo što vrste su određene varijable. Vrijednosti se mogu automatski pretvoriti u drugi tip bez vašeg znanja, koji se zove * implicitni tip prisila *. ** Prisila ** pretvara iz jednog tipa u drugi.

U ovom primjeru JavaScript pretvara broj 1 u niz, u kako bi function imala smisla i vratila vrijednost. Tijekom dodavanje numeričkog tipa (1) i tipa niza ( '2'), broja se tretira kao niz. Možemo slično spojiti "" Zdravo ”+” Svijet “, tako da se ovdje događa `````````````````` vraća ” 12 “`.

16. Što je izlaz?
let number = 0;
console.log(number++);
console.log(++number);
console.log(number);
Odgovor

Odgovor: C

** postfix ** unarni operator ++:

  1. Vraća vrijednost (ovo vraća 0)
  2. Povećava vrijednost (broj je sada 1)

** prefiks ** unary operator ++:

  1. Povećava vrijednost (broj je sada 2)
  2. Vraća vrijednost (ovo vraća 2)

Ovo vraća 0 2 2.

17. Što je izlaz?
function getPersonInfo(one, two, three) {
  console.log(one);
  console.log(two);
  console.log(three);
}

const person = "Lydia";
const age = 21;

getPersonInfo`${person} is ${age} years old`;
Odgovor

Odgovor: B

Ako koristite literale s oznakom predložaka, vrijednost prvog argumenta je uvijek niz vrijednosti vrijednosti niza. Preostali argumenti dobivaju vrijednosti prošlih izraza!

18. Što je izlaz?
function checkAge(data) {
  if (data === { age: 18 }) {
    console.log("You are an adult!");
  } else if (data == { age: 18 }) {
    console.log("You are still an adult.");
  } else {
    console.log(`Hmm.. You don't have an age I guess`);
  }
}

checkAge({ age: 18 });
Odgovor

Odgovor: C

Prilikom ispitivanja jednakosti, primitivi se uspoređuju prema njihovoj * vrijednosti *, dok objekti se uspoređuju prema njihovoj * referenci *. JavaScript provjerava ako objekti imaju referencu na isto mjesto u memoriji.

Dva predmeta koje uspoređujemo nemaju: objekt mi proslijeđeno kao parametar odnosi se na drugo mjesto u memoriji od objekt koji smo koristili kako bismo provjerili jednakost.

Zato i {age: 18} === {age: 18} i {age: 18} == {age: 18} return `false ‘.

19. Što je izlaz?

function getAge(...args) {
  console.log(typeof args);
}

getAge(21);
Odgovor

Odgovor: C

Operator spread (... args.) Vraća niz s argumentima. array je objekt, pa typeof args vraća objekt ‘`

20. Što je izlaz?
function getAge() {
  "use strict";
  age = 21;
  console.log(age);
}

getAge();
Odgovor

Odgovor: C

Sa use strict '', možete se uvjeriti da nije slučajno deklarisana globalna varijabla. Nikada nismo objavili varijablu "age" i budući da koristimo use strict ”, ona će načiniti referentnu pogrešku. Ako mi nije koristio "" strict ”, to bi išlo od vlasništva age bi se dodao u globalni objekt.

21. Što je vrijednost `suma ‘?
const sum = eval("10*10+5");
Odgovor

Odgovor: A

eval procjenjuje kodove koji su prošli kao niz. Ako je to izraz, kao u ovom slučaju, on ocjenjuje izraz. Izraz je 10 * 10 + 5. Ovo vraća broj “105”.

22. Koliko dugo je cool \ _secret dostupan?
sessionStorage.setItem("cool_secret", 123);

O: Podaci se zauvijek ne gube.

Odgovor

Odgovor: B

Podaci spremljeni u sessionStorage se uklanjaju nakon zatvaranja * tab *.

Ako ste koristili localStorage, podaci bi bili tamo zauvijek, osim ako na primjer, localStorage.clear () je pozvan.

23. Što je izlaz?
var num = 8;
var num = 10;

console.log(num);
Odgovor

Odgovor: B

Pomoću ključne riječi var možete deklarirati više varijabli s istom Ime. Varijabla će tada sadržavati zadnju vrijednost.

To ne možete učiniti s let ili const jer su blokirani.

24. Što je izlaz?
const obj = { 1: "a", 2: "b", 3: "c" };
const set = new Set([1, 2, 3, 4, 5]);

obj.hasOwnProperty("1");
obj.hasOwnProperty(1);
set.has("1");
set.has(1);
Odgovor

Odgovor: C

Sve tipke objekta (osim simbola) su žice ispod haube, čak i ako ne upisujete sami kao niz znakova. To je razlog zašto obj.hasOwnProperty ('1') također vraća true.

To ne radi tako za skup. U našem setu ne postoji “1”: set.has ('1') vraća false. Ima numerički tip “1”, set.has (1) vraća true.

25. Što je izlaz?
const obj = { a: "one", b: "two", a: "three" };
console.log(obj);
Odgovor

Odgovor: C

Ako imate dva ključa s istim imenom, ključ će biti zamijenjen. To i dalje će biti na prvom mjestu, ali s posljednjom navedenom vrijednošću.

26. Globalni kontekst izvođenja JavaScripta za vas stvara dvije stvari: globalni objekt i “ovu” ključnu riječ.
Odgovor

Odgovor: A

Kontekst izvršenja baze je kontekst globalnog izvršavanja: to je ono što je dostupno svugdje u vašem kodu.

27. Što je izlaz?
for (let i = 1; i < 5; i++) {
  if (i === 3) continue;
  console.log(i);
}
Odgovor

Odgovor: C

Izjava continue preskače iteraciju ako je određeno stanje vraća “true”.

28. Što je izlaz?
String.prototype.giveLydiaPizza = () => {
  return "Just give Lydia pizza already!";
};

const name = "Lydia";

console.log(name.giveLydiaPizza())
Odgovor

Odgovor: A

`String ‘je ugrađeni konstruktor, kojem možemo dodati svojstva. ja samo je dodao metodu u svoj prototip. Primitivni nizovi su automatski se pretvara u string objekt, generiran stringom prototipna function. Dakle, svi nizovi (objekti stringova) imaju pristup tome način!

29. Što je izlaz?
const a = {};
const b = { key: "b" };
const c = { key: "c" };

a[b] = 123;
a[c] = 456;

console.log(a[b]);
Odgovor

Odgovor: B

Tipke objekta automatski se pretvaraju u nizove. Pokušavamo postavite objekt kao ključ za objekt “a”, s vrijednošću “123”.

Međutim, kada stringificiramo objekt, on postaje “ [Objekt objekt] ‘. Tako ono što ovdje govorimo je da je a [” Objekt objekt ”] = 123. Onda, mi može ponovno pokušati učiniti isto. "c" je još jedan objekt koji jesmo implicitno ograničavaju. Dakle, a [” Objekt objekt ”] = 456`.

Zatim zapisujemo a [b], što je zapravo a [" Objekt objekt "]. Upravo smo postavili da na 456, tako da se vraća 456.

30. Što je izlaz?
const foo = () => console.log("First");
const bar = () => setTimeout(() => console.log("Second"));
const baz = () => console.log("Third");

bar();
foo();
baz();
Odgovor

Odgovor: B

Imamo funkciju “setTimeout” i prvo je pozvali. Ipak, bio je prijavljen posljednji.

To je zato što u preglednicima nemamo samo runtime engine, mi također imaju nešto što se zove “WebAPI”. “WebAPI” nam daje setTimeout function za početak, i na primjer DOM.

Nakon što je * callback * preusmjeren na WebAPI, function setTimeout sam (ali ne i povratni poziv!) iskače iz stog.

Sada se foo poziva i Prvo“ se bilježi.

foo je iskačen iz stog, i baz se poziva. “Treći” dobiva prijavljeni.

WebAPI ne može jednostavno dodati stvari u stog kad god je spreman. Umjesto toga, on povlači funkciju povratnog poziva u nešto što se zove red.

Ovo je mjesto gdje petlja događaja počinje raditi. ** ** krug događaja ** gleda red i red za zadatke. Ako je stog prazan, uzima prvi stvar u redu i gura je u stog.

bar se priziva, Second“ se bilježi, i on se pojavio stog.

31. Što je event.target kada kliknete na gumb?

<div onclick="console.log('first div')">
  <div onclick="console.log('second div')">
    <button onclick="console.log('button')">
      Click!
    </button>
  </div>
</div>
Odgovor

Odgovor: C

Najdublji ugniježđeni element koji je uzrokovao događaj je cilj događaj. Možete zaustaviti mjehuriće ‘event.stopPropagation’

32. Kada kliknete na paragraf, što je zapisani izlaz?
<div onclick="console.log('div')">
  <p onclick="console.log('p')">
    Click here!
  </p>
</div>
Odgovor

Odgovor: A

Ako kliknemo p, vidimo dva zapisa: p i div. Tijekom događaja razmnožavanje, postoje 3 faze: hvatanje, ciljanje i mjehuriće. Po zadani, rukovatelji događaja izvršavaju se u fazi mjehurića (osim ako vi postavite useCapture na true). Ide od najdubljih ugniježđenih elemenata van.

33. Što je izlaz?
const person = { name: "Lydia" };

function sayHi(age) {
  console.log(`${this.name} is ${age}`);
}

sayHi.call(person, 21);
sayHi.bind(person, 21);
Odgovor

Odgovor: D

S oba, možemo proslijediti objekt kojem želimo ključnu riječ “this” odnosi se na. Međutim, .call se također * izvršava odmah *!

.bind. vraća * copy * funkcije, ali s vezanim kontekstom! To se ne izvršava odmah.

34. Što je izlaz?
function sayHi() {
  return (() => 0)();
}

typeof sayHi();
Odgovor

Odgovor: B

function sayHi vraća vraćenu vrijednost odmah pozvana function (IIFE). Ova function vratila je 0, što je tip "Broj".

FYI: postoji samo 7 ugrađenih tipova: null, undefined, boolean, “broj”, “niz”, “objekt” i “simbol”. function '' nije tip, budući da su funkcije objekti, to je tipa objekta ‘`.

35. Koja od ovih vrijednosti su neistinite?
0;
new Number(0);
("");
(" ");
new Boolean(false);
undefined;
Odgovor

Odgovor: A

Postoji samo šest krivotvorenih vrijednosti:

Konstruktori function, kao što su ‘new Number’ i ‘new Boolean’ su istiniti.

36. Što je izlaz?
console.log(typeof typeof 1);
Odgovor

Odgovor: B

typeof 1 vraća broj ”. typeof" number " return “ string “`

37. Što je izlaz?
const numbers = [1, 2, 3];
numbers[10] = 11;
console.log(numbers);
Odgovor

Odgovor: C

Kada postavite vrijednost na element u nizu koji premašuje duljinu iz niza, JavaScript stvara nešto što se naziva “prazni utori”. To zapravo imaju vrijednost undefined, ali vidjet ćete nešto poput:

[1, 2, 3, 7 x prazno, 11]

ovisno o tome gdje ga pokrećete (razlikuje se za svaki preglednik, čvor, itd)

38. Što je izlaz?
(() => {
  let x, y;
  try {
    throw new Error();
  } catch (x) {
    (x = 1), (y = 2);
    console.log(x);
  }
  console.log(x);
  console.log(y);
})();
Odgovor

Odgovor: A

Blok catch prima argument x. To nije isti x kao varijablu kada proslijedimo argumente. Ova varijabla x je blokirana.

Kasnije smo postavili ovu varijablu bloka koja je jednaka 1 i postavili vrijednost varijable y '. Sada, zapisujemo blok-scoped varijablu x`, koja je jednako “1”.

Izvan ‘catch’ bloka, x 'je i dalje undefined, a y je 2. Kada želimo console.log (x)izvancatchbloka, to vraćaundefined i yvraća2`.

39. Sve u JavaScriptu je ili …
Odgovor

Odgovor: A

JavaScript ima samo primitivne tipove i objekte.

Primitivni tipovi su “boolean”, “null”, “undefined”, “bigint”, “number”, ‘string’ i ‘simbol’.

Ono što razlikuje primitiv od objekta je to što primitivci to ne čine imaju bilo kakva svojstva ili metode; međutim, to ćete primijetiti 'foo'.toUpperCase () vrednuje za’ ‘FOO’i ne rezultira aTypeError. To je zato što kada pokušate pristupiti svojstvu ili metodi na primitivnom poput stringa, JavaScript će implicitet omotati objekt koristeći jednu od klasa omotača, tj. String ’, a zatim odmah odbacite omotač nakon što se izraz procijeni. Svi primitivci osim “null” i “undefined” pokazuju ovo ponašanje.

40. Što je izlaz?
[[0, 1], [2, 3]].reduce(
  (acc, cur) => {
    return acc.concat(cur);
  },
  [1, 2]
);
Odgovor

Odgovor: C

”[1, 2]” je naša početna vrijednost. To je vrijednost s kojom počinjemo i vrijednost prvog acc. Tijekom prvog kruga, “acc” je “[1,2]”, i cur je[0, 1]. Spojimo ih, što rezultira [1, 2, 0, 1].

Tada je [1, 2, 0, 1] acc i[2, 3] `````. Ulančavamo se i dobiti[1, 2, 0, 1, 2, 3]`

41. Što je izlaz?
!!null;
!!"";
!!1;
Odgovor

Odgovor: B

null je lažan. ! null vraća ‘true’. `! true ‘vraća” false “.

```` je neistinit. !" `` vraća true ’. `! true ‘vraća” false ”.

“1” je istina. ! 1 vraća ‘false’. `! false ‘vraća’ true ‘.

42. Što se vraća metoda setInterval?
setInterval(() => console.log("Hi"), 1000);
Odgovor

Odgovor: A

Vraća jedinstveni ID. Taj se ID može koristiti za brisanje tog intervala clearInterval () function.

43. Što se to vraća?
[..."Lydia"];
Odgovor

Odgovor: A

Niz je iterabilan. Operator širenja mapira svaki znak iterabilan na jedan element.