| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page] |
=======================================
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, osvježite svoj znanje malo, ili pripremiti za svoj intervju! 💪 🚀 Ovaj tjedni repo ažuriram s novim pitanjima.
Odgovori su jednostavno dijelovima ispod pitanja kliknite na njih da biste ih proširili. Sretno ❤️
Kineski 中文版本
Ruski
Zapadni balkan
Njemački
Vijetnamski
Українська мова
function sayHi() {
console.log(name);
console.log(age);
var name = "Lydia";
let age = 21;
}
sayHi();
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 dostupni prije linije na kojo ih proglašavamo (inicijaliziramo). To se naziva "temporal dead zone". Kada pokušamo pristupiti varijablama prije nego što budu deklarirane, JavaScript iz bacuje ReferenceError.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1);
}
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 1);
}
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.
const shape = {
radius: 10,
diameter() {
return this.radius * 2;
},
perimeter: () => 2 * Math.PI * this.radius
};
shape.diameter();
shape.perimeter();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.
+true;
!"Lydia";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".
const bird = {
size: "small"
};
const mouse = {
name: "Mickey",
small: true
};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 otvarnu zagradu ```i nastavlja dalje do nje pronalazi završnu zagradu ]. Tek tada će procijeniti izjava.
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`.
let c = { greeting: "Hey!" };
let d;
d = c;
c.greeting = "Hello";
console.log(d.greeting);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.
let a = 3;
let b = new Number(3);
let c = 3;
console.log(a == b);
console.log(a === b);
console.log(b === c);new Number () je ugrađeni konstruktor function. Iako izgleda kao broj, to zapravo nije broj: ima gomilu ekstra dodataka pa je zbog toga objekt.
Kada koristimo == operatora, 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 isto. To nije: new Number () nije broj, to je ** objekt **. Oba vraćaju "false"
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");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.
let greeting;
greetign = {}; // Typo!
console.log(greetign);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.
function bark() {
console.log("Woof!");
}
bark.animal = "dog";To 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 function. function je objekt sa svojstvima. Ova nekretnina je nepovratna.
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());Ne možete dodati svojstva konstruktoru kao što možete s uobičajenim objekti. 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 će mo 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 će mo je imati na jednom mjestu u memoriji, ali svi imaju pristup!
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);Za sarah nismo koristili ključnu riječ new. Kada koristite "new", to odnosi se na new 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'.
Tijekom ** capturing ** događaj prolazi kroz pretka elemente do ciljnog elementa. Zatim doseže ** target ** i ** bubbling **.
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.
function sum(a, b) {
return a + b;
}
sum(1, "2");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 "`.
let number = 0;
console.log(number++);
console.log(++number);
console.log(number);** postfix ** unarni operator ++:
** prefiks ** unary operator ++:
Ovo vraća 0 2 2.
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`;Ako koristite literale s oznakom predložaka, vrijednost prvog argumenta je uvijek niz vrijednosti vrijednosti niza. Preostali argumenti dobivaju vrijednosti prošlih izraza!
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 });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 '.
function getAge(...args) {
console.log(typeof args);
}
getAge(21);Operator spread (... args.) Vraća niz s argumentima. array je objekt, pa typeof args vraća objekt '`
function getAge() {
"use strict";
age = 21;
console.log(age);
}
getAge();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.
const sum = eval("10*10+5");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".
sessionStorage.setItem("cool_secret", 123);O: Podaci se zauvijek ne gube.
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.
var num = 8;
var num = 10;
console.log(num);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.
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);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.
const obj = { a: "one", b: "two", a: "three" };
console.log(obj);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.
Kontekst izvršenja baze je kontekst globalnog izvršavanja: to je ono što je dostupno svugdje u vašem kodu.
for (let i = 1; i < 5; i++) {
if (i === 3) continue;
console.log(i);
}Izjava continue preskače iteraciju ako je određeno stanje vraća "true".
String.prototype.giveLydiaPizza = () => {
return "Just give Lydia pizza already!";
};
const name = "Lydia";
name.giveLydiaPizza();`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!
const a = {};
const b = { key: "b" };
const c = { key: "c" };
a[b] = 123;
a[c] = 456;
console.log(a[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.
const foo = () => console.log("First");
const bar = () => setTimeout(() => console.log("Second"));
const baz = () => console.log("Third");
bar();
foo();
baz();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.
<div onclick="console.log('first div')">
<div onclick="console.log('second div')">
<button onclick="console.log('button')">
Click!
</button>
</div>
</div>
Najdublji ugniježđeni element koji je uzrokovao događaj je cilj događaj. Možete zaustaviti mjehuriće 'event.stopPropagation'
<div onclick="console.log('div')">
<p onclick="console.log('p')">
Click here!
</p>
</div>
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.
const person = { name: "Lydia" };
function sayHi(age) {
console.log(`${this.name} is ${age}`);
}
sayHi.call(person, 21);
sayHi.bind(person, 21);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.
function sayHi() {
return (() => 0)();
}
typeof sayHi();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 '`.
0;
new Number(0);
("");
(" ");
new Boolean(false);
undefined;Postoji samo šest krivotvorenih vrijednosti:
Konstruktori function, kao što su 'new Number' i 'new Boolean' su istiniti.
console.log(typeof typeof 1);typeof 1 vraća broj ''. typeof" number " return `` string "`
const numbers = [1, 2, 3];
numbers[10] = 11;
console.log(numbers);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)
(() => {
let x, y;
try {
throw new Error();
} catch (x) {
(x = 1), (y = 2);
console.log(x);
}
console.log(x);
console.log(y);
})();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`.
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.
[[0, 1], [2, 3]].reduce(
(acc, cur) => {
return acc.concat(cur);
},
[1, 2]
);"[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]`
!!null;
!!"";
!!1;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 '.
setInterval(() => console.log("Hi"), 1000);Vraća jedinstveni ID. Taj se ID može koristiti za brisanje tog intervala clearInterval () function.
[..."Lydia"];Niz je iterabilan. Operator širenja mapira svaki znak iterabilan na jedan element.
| Back | FazBrowse Home | New Git URL |