Johdanto Javascriptiin ja vakauteen – Osa 1: Javascript

Ethereum on saanut itselleen ainutlaatuisen kapean tilan salaustilassa älykkäänä sopimusalustana. Kehittäjät ympäri maailmaa voivat tulla luomaan omia hajautettuja sovelluksiaan Ethereum-lohkoketjun päälle. Tätä varten kehittäjien on kuitenkin oltava hyvin perehtyneitä vakavuuteen, kieleen, jota käytetään älykkäiden sopimusten koodaamiseen.

Johdanto Javascript- ja Solidity-osaan 1

#Crypto ExchangeBenefits

1

Binance
Best exchange


VISIT SITE
  • ? The worlds biggest bitcoin exchange and altcoin crypto exchange in the world by volume.
  • Binance provides a crypto wallet for its traders, where they can store their electronic funds.

2

Coinbase
Ideal for newbies


Visit SITE
  • Coinbase is the largest U.S.-based cryptocurrency exchange, trading more than 30 cryptocurrencies.
  • Very high liquidity
  • Extremely simple user interface

3

eToro
Crypto + Trading

VISIT SITE
  • Multi-Asset Platform. Stocks, crypto, indices
  • eToro is the world’s leading social trading platform, with thousands of options for traders and investors.

Johdanto Javascriptiin ja vakauteen

Tämän oppaan tarkoituksena on selvittää perusasiat vakavasti. Jos haluat edistyneemmän kurssin, suosittelemme, että käydään vakavaraisuuskursseillamme. Tämä opas selventää vain perusasiat.

Joten, ennen kuin aloitat vakauden, sinun on tiedettävä kaksi asiaa:

  • Ethereumin estoketjun perusteet
  • JavaScriptin perusteet

Jos haluat oppia blockchain-tekniikan ja Ethereumin perusteet, voit etsiä oppaamme selvittääksesi tämän sinulle.

Joten nyt olemme tulleet toiseen kohtaan.

Miksi tarvitset perustiedot JavaScriptistä?

#CRYPTO BROKERSBenefits

1

eToro
Best Crypto Broker

VISIT SITE
  • Multi-Asset Platform. Stocks, crypto, indices
  • eToro is the world’s leading social trading platform, with thousands of options for traders and investors.

2

Binance
Cryptocurrency Trading


VISIT SITE
  • ? Your new Favorite App for Cryptocurrency Trading. Buy, sell and trade cryptocurrency on the go
  • Binance provides a crypto wallet for its traders, where they can store their electronic funds.

#BITCOIN CASINOBenefits

1

Bitstarz
Best Crypto Casino

VISIT SITE
  • 2 BTC + 180 free spins First deposit bonus is 152% up to 2 BTC
  • Accepts both fiat currencies and cryptocurrencies

2

Bitcoincasino.io
Fast money transfers


VISIT SITE
  • Six supported cryptocurrencies.
  • 100% up to 0.1 BTC for the first
  • 50% up to 0.1 BTC for the second

Ensinnäkin, kuten vakuusasiakirjassa todetaan, JavaScript vaikuttaa siihen. Toiseksi, kuten monet ihmiset ovat huomauttaneet, vakaus on melko samanlainen kuin JavaScript syntaksin suhteen. Syy tähän on melko yksinkertainen.

JavaScript sattuu olemaan yksi kysytyimmistä ja suosituimmista kielistä maailmassa. Ethereumin perustajat kokivat, että jos he mallintavat vakautta JavaScriptin jälkeen, kehittäjät pystyvät noutamaan sen nopeammin. Joten aloitetaan JavaScriptillä, ennen kuin syvennämme vakavuutta, jonka käsittelemme tämän artikkelin osassa 2.

Javascript ja Solidity Johdanto

JavaScriptin on luonut Brendan Eich, joka myöhemmin etsii Mozilla Firefox- ja Brave-selaimen. JavaScript tai JS on kevyt, dynaaminen ja olio-ohjelmointikieli. JavaScript, yhdessä HTML: n ja CSS: n kanssa, muodostaa verkkosuunnittelun kolme pilaria. HTML auttaa lisäämään sisältöä verkkosivustoosi, kun taas CSS auttaa sinua ulkoasussa.

Joten mitä JS tekee?

Ennen JavaScriptiä tuloa verkkosivustot olivat erittäin staattisia. JavaScript toi mukanaan käyttäjäystävällisempien ja dynaamisempien verkkosivustojen aikakauden. Kun pidät tämän asiayhteydessä ja ymmärrät, kuinka paljon liiketoimintaa tehdään verkossa, näet, miksi voit tehdä niin vahvan tapauksen Javascriptille. JS teki yksin sivustot käyttäjäystävällisemmiksi.

Vaikka alun perin JavaScriptin piti olla asiakaspuolen komentosarja, useat toteutukset, kuten node.js, ovat sallineet myös palvelinpuolen toteutuksen. JavaScriptiä hallinnoi virallisesti Mozilla Foundation, ja uusia kieliominaisuuksia lisätään säännöllisesti.

JavaScriptin ominaisuudet

Seuraavat ovat JavaScriptin ominaisuuksia

  • Kaikissa moderneissa selaimissa on sisäänrakennettu JavaScript-moottori. Itse asiassa tarkastelemme tätä myöhemmin tarkemmin
  • Javascriptilla on jäsennelty ohjelmointisyntakse ja siinä on toimiva ja estetty rajaus. Älä huoli, että katamme laajuuden hieman
  • JavaScript kirjoitetaan dynaamisesti. Tarkoituksena on, että muuttuja, joka tallensi kokonaislukuja hetki sitten, voi tallentaa merkkijonon ajon aikana
  • JavaScript on olio-ohjelmointikieli. Käsittelemme tämän vähän
  • JavaScript on toimiva kieli. Joten se tukee modulointia toimintojen kautta
  • JavaScript tukee myös implisiittistä ja eksplisiittistä delegointia.
  • JavaScript eroaa kirjainkokoista, joten leveys eroaa leveydestä.

Selvä, joten tutkitaan vain näitä ominaisuuksia yksityiskohtaisesti.

Ominaisuus # 1: Selaimet, joissa on sisäänrakennettu JS

Aiomme käyttää tähän Google-kromia.

Avaa vain uusi välilehti selaimessasi. Napsauta hiiren kakkospainikkeella mitä tahansa selaimen kohtaa ja napsauta “Tarkasta”.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Heti kun napsautat sitä, näet tämän ikkunan:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Tämä on sisäänrakennettu konsoli google Chrome -selaimissa. JS: n työkalujen kanssa voi käydä vain siirtymällä konsoliosaan. Mikä on täällä:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Selvä … joten hankitaan koodaus!!!

Voit tehdä yksinkertaisia ​​matemaattisia operaatioita täältä:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Tai jos haluat, voit tehdä yksinkertaisen “Hello World” -ohjelman täällä.

Tätä varten aiomme kirjoittaa “console.log (” Hello World “);”

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

“Console.log ()” on toiminto, jonka avulla voimme tulostaa tuloksia konsolille. Huomaa myös, kuinka toiminto lopetettiin sanalla “;”. JS: ssä sinun on käytettävä puolipistettä ohjeiden lopettamiseen.

Heti kun annat komennon ja painat Enter, saat kyseisen tuotoksen itse konsoliin.

Kiinnostavaa kyllä, jos haluat lähdön ponnahtaa ruudulle, voit käyttää yksinkertaisesti “alert ()” -toimintoa. Joten jos kirjoitat “alert (” Hello World “);” konsolissa, näet tämän.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Melko siisti oikein?

Halusimme vain saada sinut aloittamaan alkeellisimman ohjelmointimuodon näyttämään sinulle JS-moottorin selaimissa. Menemme syvemmälle ohjelmointiin vähän myöhemmin.

Ominaisuus # 2: Toiminnallinen ja estosuojaus

Jotta voisit ymmärtää toiminnallisen ja lohkopiirityksen välisen eron, sinun on tiedettävä vähän muuttujan ilmoituksesta JS: ssä.

Kun haluat ilmoittaa kokonaislukumuuttujan C ++: ssa, voit tehdä tämän:

int a;

Java-käyttöjärjestelmässä sinun ei tarvitse huolehtia yksittäisestä tietotyypistä, koska kieli kirjoitetaan dynaamisesti. Sinulla on kolme vaihtoehtoa, joita voit käyttää muuttujan ilmoittamiseen: var, let ja const.

Var

Var on hyvin yksinkertainen tapa osoittaa ja muuttujia.

var a = 10;

console.log (a);

// se palaa

10

a = 20;

// näyttää dynaamisen uudelleenmäärityksen

console.log (a);

20

Joten var näyttää melko suoraviivaiselta, oikeassa?

Varin käyttöä ohjelmoinnissa ei kuitenkaan pidetä enää hyvänä käytäntönä, koska muuttujien muuttujat ovat ”funktion laajuus”. Tämä tarkoittaa sitä, että muuttujat ilmoitetaan funktion sisällä, kun ne ovat käytettävissä vain funktion sisällä, tai jos niitä ei ole luotu funktion sisällä, ne ovat “globaalisti rajatut”, eli ne ovat käytettävissä kaikkialla.

Katsotaanpa, miten tämä toimii. Harkitse seuraavaa ohjelmaa (otettu: Tämä artikkeli):

function setWidth () {

var leveys = 100;

console.log (leveys);

}

leveys;

Jos yrität suorittaa tämän ohjelman, näet seuraavan virheen.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Voitteko arvata miksi?

“Var” -ilmoitettu “leveys” ilmoitettiin funktion sisällä. Siksi se on voimassa vain toiminnon sisällä eikä missään muualla.

Samoin meillä on toinen ääripää.

Harkitse seuraavaa koodia:

ikä = 100;

jos (ikä > 12) {

var dogYears = ikä * 7;

console.log (`Olet $ {dogYears} koiran vuotta vanha!`);

}

Kaksi asiaa, jotka sinun on huomioitava yllä olevasta koodista.

Ensinnäkin “$ (dogYears)” -toiminnon avulla tämä varmistaa, että tulostat muuttujan arvon. Toiseksi muuttujia ei ilmoiteta funktion sisällä. Tämän vuoksi niitä ei sido laajuus, joten niitä voidaan kutsua jopa suorituksen jälkeisiksi.

Olet 700 koiran vuotta vanha!

Kuitenkin nyt, jos menet konsoliin ja soitat dogYearsille, se palauttaa sinulle 700.

Tiedätkö miksi näin tapahtui?

Emme ilmoittaneet muuttujaa funktion sisällä, teimme siitä globaalin.

Joten pidä tämä mielessä tulevaa tarvetta varten, var ei rajoitu kiharoihin. Toiminto määrittelee soveltamisalan.

Siksi käytämme varin sijaan let ja const.

Miksi käyttää let ja const?

Jyrkässä vastakohdassa let ja const on väärä toiminnon estolle. Lohko määritellään joukoksi avaavia “{” ja sulkevia “}” kiharaisia ​​sulkeita.

Joten jos olisimme julistaneet dogYears-arvot “let” -toiminnolla “var” -toiminnon sijaan, mitä luulet tapahtuvan?

ikä = 100;

jos (ikä > 12) {

anna koiravuodet = ikä * 7;

console.log (`Olet $ {dogYears} koiran vuotta vanha!`);

}

Se ilmoitetaan ”jos” -lohkossa, joten kyseisen muuttujan käyttöikä on ohi, kun lohko päättyy.

Huomautus: Käsittelemme if-else -funktion hieman.

Joten nyt, kun suoritat tämän ohjelman (visuaalisen koodin sisällä) ja soitat dogYears-konsolille, saat seuraavan viestin:

“Sieppaamaton referenssivirhe: dogYears ei ole määritelty.”

Voit myös käyttää const-arvoa let-arvon sijasta ilmoittaaksesi nämä muuttujat. Const-arvon käyttäminen tekee muuttujistasi kuitenkin muuttumattomiksi. Joten, jos aiot muuttaa arvoa ajon aikana, saat virheilmoituksen:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Ominaisuus # 3: dynaamisesti kirjoitettu

Dynaamisesti kirjoitettu tarkoittaa, että muuttujat voivat muuttaa tyyppiään koko ohjelman suorituksen ajan. Joten jos muuttuja, joka tallentaa merkkijonoa, se voi suorituksen aikana tallentaa myös kokonaisluvun.

Joten, mene konsolillesi ja suorita tämä:

olkoon var2 = 10;

var2 = ”Hei”;

Jos soitat nyt var2: lle, se palauttaa “Hei”, vaikka ilmoitit sen aluksi kokonaisluvulla.

Itse asiassa, miksi ei tehdä jotain syvällisempää ja tarkkailla, kuinka muuttuja muuttaa tilaansa?

Tätä varten käytämme “typeof ()” -toimintoa. Tämä toiminto kertoo sinulle, mikä on käyttämäsi muuttujan tyyppi. Harkitse nyt samaa esimerkkiä, jonka annoimme yllä.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Joten kun var2: lla oli numero, sen tyyppi oli numero. Hellan tallentamisen hetkeksi se muuttui kuitenkin merkkijonoksi.

Ominaisuus # 5: olio-ohjelmointikieli

JavaScript on olio-ohjelmointikieli (OOP), toisin kuin prosessisuuntautunut. Prosessikeskeiset kielet, kuten C, käyttivät ohjelmia, joissa oli luettelo muistiin vaikuttaneista ohjeista.

Toisaalta OOP: t mahdollistavat suunnitelman, jonka nimi on “luokka”, josta voidaan luoda esineitä, jotka voivat olla vuorovaikutuksessa toistensa kanssa. Nämä objektit suorittavat ohjelman.

Nyt OOP: lla on neljä pilaria:

  • Kapselointi
  • Abstraktio
  • Polymorfismi
  • Perintö

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Kapselointi

Kapselointi on ajatus tietojen ja toiminnan käärimisestä yhteen yksikköön. Ajatuksena on piilottaa esineiden alkutila ja sitoa kaikki kiinteään pakkaukseen.

Abstraktio

Abstraktio tarkoittaa, että käyttäjä voi käyttää ohjelmaa joutumatta sen takana oleviin komplikaatioihin.

Ajattele autoa.

Kun ajat autoa, välität vain avaimesi asettamisesta ja ajoneuvon ohjaamisesta siten, että et osu mihinkään muuhun. Et välitä siitä, miten moottorit toimivat ja kuinka sytytys polttaa polttoainettasi.

Perintö

Perintö on yksi OOP: n tärkeimmistä ominaisuuksista.

Perintö antaa objektin tai luokan perustua toiseen objektiin tai luokkaan ja säilyttää osan sen toteutuksista. Useimmissa luokkaperusteisissa olio-orientoiduissa kielissä perinnöllä luotu objekti saa suurimman osan pääobjektin ominaisuuksista ja käyttäytymisestä

Polymorfismi

Polymorfismi on ominaisuus, jolla operaattorilla kielellä voi olla useampi kuin yksi ominaisuus. Tunnetuin esimerkki tästä on “+”. Sen lisäksi, että sitä käytetään matemaattisena lisäysoperaattorina, sitä voidaan käyttää myös yhdistämään kaksi merkkijonoa yhdeksi. Tätä kutsutaan ketjutukseksi.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Ominaisuus # 6: implisiittinen ja eksplisiittinen delegointi

Delegointi tarkoittaa periaatteessa sitä, että objekti voidaan määritellä toisen objektin termeillä. Delegointi tarkoittaa melko paljon vastuun delegointia. Nyt delegointi voi olla sekä suoraa että epäsuoraa.

Nimenomaisen delegoinnin avulla objekti voi nimenomaisesti delegoida viestin mille tahansa muulle objektille, jonka se tuntee. Epäsuoralla delegoinnilla objekti voi nimenomaisesti nimetä toisen objektin “ylätasoksi”. Viestit, joita vastaanottava kohde ei ymmärrä, delegoidaan automaattisesti (implisiittisesti) tälle vanhemmalle.

Epäsuora delegointi voidaan jakaa kahteen muuhun luokkaan:

  • Odottamaton delegointi, jossa delegointirakennetta voidaan muuttaa dynaamisesti ajon aikana.
  • Ennakoitu delegointi, jossa objektit eivät voi muuttaa pääobjektia, jolta he ovat perineet elämänsä aikana.

Ennen koodauksen aloittamista

Nyt kun teoria on valmis, aloitetaan koodaus! Näiden ohjelmien suorittamiseen tarvitaan ympäristö, jossa voit suorittaa ne.

Käytämme Visual Studio -koodia. Voit tehdä sen siirtymällä osoitteeseen code.visualstudio.com ja lataa Visual Studion uusin versio.

Kun olet asentanut sen, näet tämän näytön.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Mene nyt tiedostoon ->Avata

Sen jälkeen sinun on luotava kansio. Kutsutaan tätä kansiota “Blockgeeks-JS”.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Sen jälkeen sinun on tehtävä kaksi asiaa:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Ja napsauttamalla painiketta, luo tiedosto nimeltä “index.html”.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Kirjoita uuden tiedoston ensimmäiselle riville “!” jota seuraa välilehti.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Heti kun teet sen, näet HTML-koodilohkon ilmestyvän ruudulle. Sinun ei tarvitse välittää tästä koodista. Se tarjoaa periaatteessa isännän, jossa voimme käyttää JS-koodia.

Napsauta sen jälkeen laajennuspainiketta alla esitetyllä tavalla:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Etsi nyt ”Live Server” ja asenna laajennus.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Kun se on asennettu, siirry index.html-tiedostoosi ja valitse “Open With Live Server”.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Mitä tämä nyt tekee, on, että sen avulla voit suorittaa JS-ohjelmat oletusselaimessasi. Itse asiassa, kun valitset tämän vaihtoehdon, selaimeesi pitäisi avautua uusi välilehti.

Selvä, nyt katsotaan HTML-koodia hakemistossa “index.html”.

<!DOCTYPE html>

<html lang ="en">

<pää>

<meta-merkistö ="UTF-8">

<metanimi ="näkymä" sisältö ="leveys = laitteen leveys, alkuasteikko = 1,0">

<meta http-equiv ="X-UA-yhteensopiva" sisältö ="eli = reuna">

<otsikko>Asiakirjan nimi>

pää>

<runko>

runko>

html>

Nyt voit aloittaa koodauksen kehon alueella. Esimerkiksi. lisätään otsikkotunniste kehon alueelle ja täytetään se sisällöllä.

<!DOCTYPE html>

<html lang ="en">

<pää>

<meta-merkistö ="UTF-8">

<metanimi ="näkymä" sisältö ="leveys = laitteen leveys, alkuasteikko = 1,0">

<meta http-equiv ="X-UA-yhteensopiva" sisältö ="eli = reuna">

<otsikko>Asiakirjan nimi>

pää>

<runko>

<h1> TERVETULOA BLOCKGEEKS! H1>

runko>

html>

Tallenna nyt tämä tiedosto ja katso uutta avautuvaa välilehteä.

Melko siisti oikein!

Joten aloitetaan nyt JavaScriptillä.

Lisätään tekstiruudussa otsikkotunnisteen alapuolelle komentotunniste ja tulostetaan “Hello World” konsoliin.

<!DOCTYPE html>

<html lang ="en">

<pää>

<meta-merkistö ="UTF-8">

<metanimi ="näkymä" sisältö ="leveys = laitteen leveys, alkuasteikko = 1,0">

<meta http-equiv ="X-UA-yhteensopiva" sisältö ="eli = reuna">

<otsikko>Asiakirjan nimi>

pää>

<runko>

<h1> TERVETULOA BLOCKGEEKS! H1>

<käsikirjoitus> console.log (’Hello World’); komentosarja>

runko>

html>

Sen jälkeen mene vain välilehteen. Napsauta sitä hiiren kakkospainikkeella ja valitse “tarkastaa” ja siirry sitten konsoli-välilehteen, kuten olemme aiemmin osoittaneet.

Tämän näet:

HUOMAUTUS: Syy, miksi laitamme komentosarjan Body-osioon Head-osan sijaan, on se, että emme halua JavaScriptin toimivan jo ennen kuin sivuston sisältö latautuu.

Nyt vakio-ohjelmoinnin parhaiden käytäntöjen mukaan sinun ei pitäisi koodata JS-sisältöä HTML-ohjelmaan. HTML-osa ja JS-osa tulisi pitää erillään.

Komentosarjat voivat myös olla todella pitkiä ja monimutkaisia, joten ei ole järkevää yrittää puristaa kaikkea koodia HTML-koodin sisällä.

Joten, siksi luomme uuden uuden tiedoston ja nimeämme sen “index.js”.

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Tässä osassa aiomme sijoittaa kaiken, mitä olemme asettaneet komentotunnisteeseen, nimittäin:

“Index.html” -tiedosto on kuitenkin päätiedosto. Meidän pitäisi lisätä toinen koodirivi, joka auttaa päätiedostoa viittaamaan JS-tiedostoon. Tapa, jolla aiomme tehdä sen, on tehdä pieni muutos.

<!DOCTYPE html>

<html lang ="en">

<pää>

<meta-merkistö ="UTF-8">

<metanimi ="näkymä" sisältö ="leveys = laitteen leveys, alkuasteikko = 1,0">

<meta http-equiv ="X-UA-yhteensopiva" sisältö ="eli = reuna">

<otsikko>Asiakirjan nimi>

pää>

<runko>

<h1> TERVETULOA BLOCKGEEKS! H1>

<skripti src = ”index.js”>käsikirjoitus>

runko>

html>

Tämä tarkoittaa, että se näyttää HTML-ohjelman, missä tarkalleen JS-ohjelma sijaitsee. Varmista myös, että TALLENNA AINA .html- ja .js-tiedostosi.

Tämä tarkoittaa, että se näyttää HTML-ohjelman, missä tarkalleen JS-ohjelma sijaitsee.

Varmista myös, että TALLENNA AINA .html- ja .js-tiedostosi.

Selvä, joten se kattaa melkein perusasiat. Tehdään koodausta!

Yksinkertainen koodaus

# 1 Matemaattiset operaatiot

Tehdään joitain matemaattisia perustoimintoja JS: llä.

olkoon a = 10;

olkoon b = 20;

olkoon c = 30;

olkoon d = a + b * c;

console.log (d);

Mitä luulet vastauksen olevan?

Luuletko, että vastaus on 900?

Suoritetaan ohjelma ja katsotaan mitä saamme?

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

610.

Miksi luulet sen saavan?

JS seuraa PEMDASia sen sijaan, että menisi vasemmalta oikealle, missä:

P = sulkeet

E = eksponentti

M = kertolasku

D = jako

A = lisäys

S = Vähennyslasku

Joten operaatio noudattaa tätä prioriteettijärjestystä nousevassa järjestyksessä:

P

E

MD

KUTEN

Kertomalla ja jaolla on sama etusijajärjestys. Samoin summaaminen ja vähentäminen.

# 2 matriisit

Taulukko on tietorakenne, joka sisältää joukon elementtejä. Nämä elementit ovat tyypillisesti samaa tietotyyppiä (ei välttämätöntä JavaScriptin tapauksessa), kuten kokonaisluku tai merkkijono. Taulukoita käytetään ohjelmissa yleisesti tietojen järjestämiseen siten, että niihin liittyvä arvojoukko voidaan helposti lajitella tai hakea.

Katso alla oleva koodi:

anna nimet = [‘Mark’, ‘Will’];

console.log (nimet);

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Näetkö nuolen “(2)” vieressä? Kun napsautat sitä, se laajenee paljastamaan seuraavat:

Tämän perusteella:

  • Matriisin pituus on 2, koska siinä on kaksi elementtiä
  • Ensimmäisen “Mark” -elementin hakemisto on 0
  • Toisen elementin “Tahto” indeksi on 1

Voimme lisätä elementtejä taulukkoon dynaamisesti myös ajon aikana. Täällä voit tarkistaa sen:

anna nimet = [‘Mark’, ‘Will’];

nimet [2] = ‘Kumar’;

console.log (nimet);

Kun tulostat tämän konsolissa, saat:

Kuten näette, saimme matriisin laajentumaan yhdellä elementillä ajon aikana. Javascriptissa sinun ei tarvitse nyt lisätä samaa tietotyyppiä. Entä jos lisäämme numeron taulukkoon?

anna nimet = [‘Mark’, ‘Will’];

nimet [2] = ‘Kumar’;

nimet [3] = 1;

console.log (nimet);

Tulos näyttää nyt tältä:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Ennen kuin lopetamme taulukot. On vielä yksi asia.

Voit tarkistaa taulukon pituuden seuraavasti:

anna nimet = [‘Mark’, ‘Will’];

nimet [2] = ‘Kumar’;

nimet [3] = 1;

console.log (nimet.pituus);

Nyt tulos näyttää tältä:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Taulukon pituus on 4.

# 3 toiminnot

Seuraavaksi meillä on toimintoja, jotka ovat helposti yksi ohjelmien tärkeimmistä osista. Ilmoittamalla toiminnot aiot tehdä työstäsi paljon suoraviivaisempaa ja vähentää paljon toistoja. Funktiot sisältävät koodayksikön, joka toimii useilla syötteillä, joista monet ovat muuttujia, ja tuottaa konkreettisia tuloksia, joihin sisältyy muuttujien arvojen muutoksia tai todellisia toimintoja syötteiden perusteella. Näitä toimintoja voidaan kutsua ohjelman ajon aikana ja suorittaa koodi.

Katsotaanpa esimerkki.

toiminto kiireellinen () {

console.log (‘Katso JRE 1169’);

}

kiireellinen ();

Yllä oleva toiminto tulostaa viestin. Kun olemme ilmoittaneet toiminnon, kutsumme vain funktion suorittamaan sen. Katsotaanpa tuotosta:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Lisätään nyt lisää maustetta seokseen.

toiminto kiireellinen (num) {

console.log (‘Katso JRE’ + numero);

}

kiireellinen (1169);

Katsotaanpa tuotosta:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Lisätään nyt funktion parametrien ja toimintokutsujen määrää.

funktion käyttäjänimi (etunimi, sukunimi) {

console.log (‘Nimi on’ + etunimi + ” + sukunimi);

}

käyttäjänimi (‘Vitalik’, ‘Buterin’);

käyttäjänimi (‘Satoshi’, ‘Nakamoto’);

Joten, kun suoritat tämän koodin, saat seuraavan tuloksen:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Yksi funktion parhaista ominaisuuksista on palauttaa arvot. Joten sinulla voi olla funktio, joka tekee monimutkaisia ​​matemaattisia prosesseja ja käyttää sitä palauttamaan arvot muuttujaan.

Entä jos julistamme funktion, joka laskee luvun neliön ja palauttaa arvon:

funktion neliö (num) {

return num * num;

}

anna tulos = neliö (2);

console.log (‘2: n neliö on’ + tulos);

Tulos on:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

# 4 Ehdolliset lausunnot

Ehdolliset lausunnot, kuten “jos-muu”, ovat ohjelmoinnin kulmakivi. Voit tehdä saman JavaScriptissä kuin olemme jo nähneet aiemmin. Harkitse tätä koodia:

olkoon a = 20;

olkoon b = 30;

jos > b) {

console.log (a + ‘on suurempi’);

} muu {

console.log (b + ‘on suurempi’);

}

Tämä on yksinkertainen ohjelma, joka tarkistaa ja tulostaa suuremman määrän.

Yllä oleva koodi antaa seuraavan tuloksen:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

# 5 silmukkaa

Silmukka antaa ohjelman suorittaa silmukan sisällä annetun koodin suoritettavaksi tietyn määrän kertoja.

Ennen kuin jatkat, sinun on tiedettävä, mitä lisäys (tai vähennys tarkoittaa).

Inkrementointi tarkoittaa tietyn muuttujan arvon lisäämistä tietyllä määrällä. Joten, jos haluamme lisätä tiettyyn muuttujaan, kuten “a”, tallennettua arvoa yhdellä, teemme:

a = +1;

TAI tehokkuuden lisäämiseksi yksinkertaisesti tehdään “a ++”, joka on sama kuin a = a + 1;

Samoin arvon alentamiseksi teemme:

a = a-1;

Tai

a–;

Ok, joten takaisin silmukoihin.

Javascriptissa käytetyt silmukka-lauseet ovat:

  • Sillä aikaa
  • Tehdä, kun
  • Sillä

Vaikka silmukka

While-silmukka on yksinkertaisin silmukka-lauseen muoto. Se toimii näin:

while (ehto) {

Lausunto;

Lisäys;

}

Harkitse tätä:

olkoon i = 1;

sillä aikaa kun minä < 3) {

console.log (i);

i ++;

}

Tämän koodin suorittaminen antaa seuraavan tuloksen:

Joten mitä täällä tapahtui?

Alustimme muuttujan arvoksi 1 ja käskimme ohjelmaa tulostamaan muuttujan niin kauan kuin sen arvo on pienempi kuin 1. Silmukan sisällä jatkoimme inkrementointia “i”: n arvolle. Jos emme olisi korottaneet sitä, ohjelma olisi ollut äärettömässä silmukassa.

Do-While Loop

Do-While-silmukka näyttää tältä:

tehdä{

Lausunto;

Lisäys;

} while (ehto);

Joten toisin kuin while-silmukka, do-while -silmukat suorittavat koodin ensin ja tarkistavat kunnon myöhemmin.

Katso nyt tämä koodi:

olkoon i = 1;

tehdä{

console.log (i);

i ++;

} sillä aikaa kun minä<3);

Tämä tulostaa:

Joten, mitä eroa on ja do-while-ohjelman aikana. No, tarkista seuraava esimerkki:

olkoon i = 1;

console.log (‘Tarkistamme ensin while-silmukan’);

sillä aikaa kun minä < 1) {

console.log (‘Tämä on while-silmukan sisällä’);

}

console.log (‘Nyt aiomme tarkistaa do-while’);

tehdä{

console.log (‘Tämä on do-while -silmukan sisällä’);

} sillä aikaa kun minä < 1);

console.log (‘Olemme nyt silmukoiden ulkopuolella’);

Tuotos on:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Joten mitä teemme täällä?

Ensinnäkin suoritimme while-silmukan. Koska tämä silmukka tarkistaa kunnon etukäteen, se ei edes antanut kääntäjän mennä rungonsa sisään. Siksi lausetta while-silmukan sisällä ei suoritettu.

Koska do-while -silmukka suorittaa käskyn ennen ehdon tarkistamista, kehon sisällä oleva käsky suoritettiin.

Loopille

For-silmukalla on seuraava rakenne:

for (Alustus; Ehto; Lisäys)

{

Lausunto;

}

Joten for-silmukka huolehtii kunnosta ja parametrien lisäyksestä itse. Kuinka tämä näyttää ajonaikaisesti?

for (olkoon i = 1; i <= 5; i ++)

{

console.log (i);

}

Tämä ohjelma antaa seuraavan tuloksen:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Kohdeohjattu ohjelmointi JavaScript-muodossa

Selvä, joten nyt on tullut yksi JavaScriptin tärkeimmistä näkökohdista, olio-ohjelmointi. Harkitse seuraavaa koodia:

anna Max = {

koulu: “Central High”,

ikä: 14,

syntymäpaikka: ‘New York’

};

console.log (Max);

Joten olemme julistaneet objektin nimeltä “Max” ja julistaneet tämän objektin elementit, nimi:

  • Missä Max menee kouluun
  • Mikä on Maxin ikä
  • Missä hän syntyi

Joten, kun tulostat objektin Max, saat tämän:

Oletetaan, että Maxilla oli juuri syntymäpäivä. Kuinka muutamme hänen ikäänsä?

anna Max = {

koulu: “Central High”,

ikä: 14,

syntymäpaikka: ‘New York’

};

Maks. Ikä = 15;

console.log (Max);

;

Joten, tämän tuotoksen saimme nyt:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Nyt aiomme julistaa objektin, jonka sisällä on toiminto:

anna ympyrä = {

alue: funktio () {

anna säteen = 2;

olkoon a = 3,14 * säde * säde;

console.log (‘Alue on’ + a);

}

};

ympyrä.alue ();

Jälleen kerran melko suoraviivainen esine. Olemme julistaneet objektiksi nimeltä ympyrä, jonka sisällä on aluefunktio, joka laskee ja tulostaa alueen.

Tehtaan toiminnot

Tapa, jolla olemme ilmoittaneet kohteemme yllä, on erittäin tehoton, kun meidän on käsiteltävä useita esineitä. Muista juuri käyttämämme koodi. Entä jos meidän olisi laskettava kahden ympyrän pinta-ala? Siinä tapauksessa meillä ei ole muuta vaihtoehtoa kuin vain toistaa koodi eri arvoilla.

anna ympyrä = {

alue: funktio () {

olkoon säde = 1;

olkoon a = 3,14 * säde * säde;

console.log (‘Alue on’ + a);

}

};

ympyrä.alue ();

anna ympyrä1 = {

alue: funktio () {

anna säteen = 2;

olkoon a = 3,14 * säde * säde;

console.log (‘Alue on’ + a);

}

};

ympyrä1.alue ();

Entä jos vain yhden funktion sijasta meillä on 10 funktiota objektia kohden. Voitteko kuvitella kuinka sekavasta koodista tulee?

Kuvittele myös, kuinka vaikea koodin virheenkorjaus (koodin skannaus mahdollisten virheiden varalta) tulee, jos noudatamme tätä muotoa.

Siksi käytämme niin sanottuja “tehdasfunktioita”, jotta koodistamme olisi helpompi käyttää ja puhdistaa.

Harkitse seuraavaa koodia:

// luo tehdasfunktio, joka sisältää yhden parametrin

funktio createCircle (säde) {

// funktio palauttaa tämän arvon, joka on objekti

paluu {

alue: funktio () {

anna pinta-ala = 3,14 * säde * säde;

console.log (alue);

}

};

}

// luodaan objekti, joka saa arvon tehdasfunktiosta

anna ympyrä = createCircle (1);

ympyrä.alue ();

// objektin dynaaminen päivitys käyttämällä samaa tehdasfunktiota

ympyrä = createCircle (2);

ympyrä.alue ();

Ok, joten katsotaanpa, mitä täällä tapahtuu.

Meillä on tehdasfunktio nimeltä “createCircle ()”, joka asettaa suunnitelman kaikille luomillemme kohteille.

Se vie parametrin nimeltä “säde”, joka auttaa meitä luomaan erilaisia ​​esineitä, joilla on ainutlaatuiset arvot. Funktio palauttaa arvot uuteen objektiin. Joten, kun suoritamme yllä olevan koodin, saamme seuraavan tuloksen:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Tehdastoiminto ei ole ainoa tapa alustaa objekti, sinulla on myös rakentajia.

Rakentajat

Joten miltä rakentaja näyttää?

toiminto Ympyrä (säde) {

this.area = funktio () {

olkoon a = 3,14 * säde * säde;

console.log (a);

}

}

anna ympyrä = uusi ympyrä (1);

ympyrä.alue ();

anna ympyrä1 = uusi ympyrä (2);

ympyrä1.alue ();

Circle () on tässä käytetty konstruktori. Nimeämiskäytäntöjen mukaan rakentajan on aina aloitettava isolla kirjaimella. Koodissa on ehkä huomattu vielä kaksi asiaa, joista emme ole vielä puhuneet:

  • Uusi avainsana
  • “Tämä” avainsana

“Uusi” avainsana auttaa objektin luomisessa konstruktorin avulla. Se luo pohjimmiltaan tyhjän, tyhjän objektin.

“Tämä” -avainsana auttaa määrittämään, että muuttuja tai funktio kuuluu tälle objektille. Esimerkiksi. yllä annetussa koodissa “this.area” osoittaa kääntäjän, että joko aluefunktio joko kuuluu ympyräobjektiin tai ympyrä1-objektiin. “Tämän” arvo funktion sisällä riippuu käytännössä objektista, joka kutsui sen.

Katsotaanpa, mitä tapahtuu, jos poistamme avainsanan yllä olevasta koodista. Katsotaanpa tulos. Joten muokattu koodi on:

toiminto Ympyrä (säde) {

alue = funktio () {

olkoon a = 3,14 * säde * säde;

console.log (a);

}

}

anna ympyrä = uusi ympyrä (1);

ympyrä.alue ();

anna ympyrä1 = uusi ympyrä (2);

ympyrä1.alue ()

Kun suoritat tämän ohjelman, saat tämän virheen:

Johdanto Javascriptiin ja vakauteen (Blockgeeks)

Javascript ja vakaus: Johtopäätös

Se, mitä olemme antaneet teille täällä, on erittäin yksinkertainen johdanto. JavaScript on laaja aihe, jolla on paljon potentiaalia. Jos haluat pysyä ajan tasalla, tarvitaan jatkuvaa koulutusta. Olemme käyttäneet seuraavia videoita viitteeksi:

https://www.youtube.com/watch?v=PwsigsH4oXw

https://www.youtube.com/watch?v=PFmuCDHHpwk

Jos haluat kouluttaa itseäsi edelleen, siirry katsomaan heidän kanaviaan.

Tämä on myös osa 1.

Seuraavassa osassa aloitamme vakauden!!

Mike Owergreen Administrator
Sorry! The Author has not filled his profile.
follow me
Like this post? Please share to your friends:
Adblock
detector
map