Att säga att JavaScript är på uppgången i webbutveckling skulle vara en underdrift. Faktum är att förrädaren Jeff Atwood faktiskt för år sedan Atwoods lag där han uppgav:
Alla program som kan skrivas i JavaScript kommer så småningom att skrivas i JavaScript.
När du skriver denna artikel finns det så många JavaScript-ramar och bibliotek att det är överväldigande att veta var du ska börja, speciellt om du är nybörjare.
Och jag vet att mycket av det vi publicerar här är inriktat på dem som redan har erfarenhet av att skriva webbapplikationer eller göra något i webbutveckling. Men det är inte målgruppen för den här artikeln.
I stället skrivs det speciellt för dig som aldrig (eller knappt) har skrivit en rad JavaScript, och vill lära dig mer om språket och förstå vad som finns där ute. Dessutom vill vi täcka hur det används och vad man kan förvänta sig av det.
Kort sagt, om du är en erfaren professionell, så är den här artikeln inte för dig. Om du är nyfiken på att komma in i JavaScript men är osäker på var du ska börja, kanske den här grunden hjälper dig att sätta dig i rätt riktning.
Vi har byggt en komplett guide för att hjälpa dig att lära dig JavaScript, oavsett om du precis börjat som webbutvecklare eller vill utforska mer avancerade ämnen.
Du har säkert hört JavaScript kallat "ett skriptspråk för klienten", vilket är ett annat sätt att säga att det är ett programmeringsspråk som körs i en webbläsare.
Alternativt definierar Wikipedia det här sättet:
JavaScript är ett högt, dynamiskt, otypat och tolkat programmeringsspråk. Det har standardiserats i ECMAScripts språkspecifikation.
Allt ovanstående är sant (med varierande grad av komplexitet), men det är också värt att notera att JavaScript kan köras på serverns sida också. Det går dock framför oss själva. Låt oss först prata om några av punkterna ovan och vi kommer att prata om serverns JavaScript senare i artikeln.
Posta
objekt) medan programmet körs mot att behöva kompilera programmet. Detta är en kraftfull funktion av JavaScript.sträng
eller a boolean
. I JavaScript är detta inte nödvändigt. I stället förklarar du enkelt en variabel med var
nyckelord.Nu när vi har täckt språkets attribut kan vi diskutera vissa aspekter och nyanser om språket.
Även om allt ovan är viktigt är det också viktigt att veta hur språket fungerar (speciellt om du har arbetat med andra språk) så att du inte går in i utvecklingen med förutbestämda idéer om hur det makt jobba eller hur det skall arbete.
I stället skulle jag hellre täcka hur det gör arbeta så att du kan börja skriva kod och förstå exakt vad det är som du gör.
Framför allt är JavaScript ett objektorienterat programmeringsspråk, men det skiljer sig sannolikt lite från det du brukar se (om du tidigare har använt ett objektorienterat programmeringsspråk).
JavaScript är det som kallas ett prototypiskt språk. Det innebär att alla objekt i JavaScript, som Sträng
, baseras på prototyper.
Detta gör att vi som utvecklare kan lägga till ytterligare funktionalitet till objekten genom att använda prototypal arv:
Prototypbaserad programmering är en typ av objektorienterad programmering där beteendeåteranvändning (känd som arv) utförs via en process för att klona befintliga objekt som fungerar som prototyper.
Jag skulle argumentera för att om du aldrig har arbetat med ett objektorienterat språk tidigare så kan du ha en fördel just nu eftersom du inte har någon konceptuell modell att flytta för att tänka på hur det fungerar.
Om å andra sidan dig ha arbetat i dessa typer av språk tycker jag att det är värt att skilja hur prototypal arv skiljer sig från klassiskt arv:
siffra
då kommer det först att leta efter metoden på det objektet. Om den inte hittar den kommer den att gå upp i kedjan tills den hittar metoden (som kan leva på basen Objekt
).Slutligen och kanske det viktigaste att notera är att när du byter till ett objekt via prototypen, är det tillgängligt för alla som använder det objektet (åtminstone inom ramen för din miljö).
Det är verkligen kraftfullt, det är riktigt coolt, men det tar också ett litet skift i tänkande om du inte brukar arbeta i en sådan miljö.
När det gäller hur vi faktiskt sätter JavaScript in bruk, beror det slutligen på vad dina mål är. Vid ett tillfälle medverkade JavaScript med att du behövde "göra något hänt" på en webbsida. Det var meningen att kontrollera beteendet.
Detta kan vara att introducera ett element, ta bort (eller dölja) ett element, eller saker som det. Då avancerade webben lite och webbläsare kunde göra asynkrona samtal till servern, hantera svaret och ändra sedan sidans tillstånd baserat på detta svar.
Allt detta uppnås via Ajax. Om du läser detta är du troligt bekant med termen. Om du inte är det kan du tänka på det som ett sätt för JavaScript att ringa till servern som värd sidan och sedan hantera svaret det tar emot allt utan att ladda om sidan.
Men det är moget även bortom det.
Google har utvecklat en mycket sofistikerad JavaScript-parsningsmotor som kallas V8, och andra webbläsare arbetar för att ge optimal JavaScript-prestanda, liksom.
Faktum är att vi nu kan skriva JavaScript på servern med hjälp av verktyg som Node.js. Dessutom kan vi även bygga hybridprogram som körs på våra mobila enheter. Det innebär att vi kan bygga lösningar för våra telefoner, våra tabletter och våra stationära datorer genom att använda JavaScript.
Och det här kommer från ett språk som en gång användes som ett sätt att animera saker på en skärm. Allt detta att säga är att om du är ny på JavaScript, underskatta inte den.
Allt ovanstående är intressant att läsa, och det är roligt att se vad vi kan göra, men vad är det rent praktiskt, vad kan vi förvänta oss av JavaScript-språket?
Oavsett om du är ny på språket eller om du vill lära dig ett nytt språk när du kommer från en annan bakgrund, har du förväntningar på vad språket kan erbjuda.
Och även om vi har pratat om hur språket fungerar ur ett internt perspektiv har vi inte riktigt pratat om de objekt som finns tillgängliga på språket, än mindre API-er. För att vara ärlig täcker API: erna och inbyggda funktioner i språket en artikel som är helt egen.
Men täcker de inbyggda objekten? Det är något vi kan granska innan du avslutar den här artikeln:
Sann
eller falsk
. I JavaScript kan du fortfarande arbeta med dessa värden, men de ska förstås som objekt.flyta
, int
, dubbel
, och så vidare. I JavaScript finns det bara en nummertyp, och det är också ett objekt.Kom ihåg att alla typer som du ser ovan är objekt med egenskaper (och funktioner) som du kan ringa. Det betyder inte att du behöver ringa konstruktörer för att omorganisera dina variabler. Det vill säga att du kan skapa strängar och booleaner och siffror så här:
var example_string = 'Hej värld!'; var example_boolean = true; var example_number = 42;
Men i slutändan är de fortfarande föremål.
För att vara tydligt är det här grundläggande objekt. Det finns mycket mer avancerade objekt som är värda att utforska, särskilt om du ska arbeta med felhantering, olika typer av samlingar utöver Arrays och så vidare.
Om du är intresserad av att läsa mer om dessa, rekommenderar jag starkt att du kolla in den här sidan i Mozilla Developer Network.
Om du har följt med de olika ramarna, biblioteken och andra verktyg som finns i JavaScript-ekonomin, så är du inte på något sätt bakom på hur livlig ekonomin har blivit.
Men den här artikeln riktar in sig mot dem som vill komma igång med JavaScript. Nu när du har en grundläggande förståelse för hur språket är strukturerat och hur det fungerar är det dags att titta på de bibliotek och ramar som erbjuds för att underlätta webb- och / eller applikationsutveckling.
Detta är långt från en komplett lista över vad som är tillgängligt, men det är en start, och det är en handfull alternativ som de som känner till JavaScript ska åtminstone vara medvetna om, även om du inte arbetar med dem.
Och när du börjar lära dig JavaScript och börjar hämta några av de här verktygen kan du kanske hitta hur populär några av dem är när det gäller några av dina egna favoritprogram.
Som du har kommit fram till är Envato allt för "undervisningsförmåga till miljontals världen över". Så vad skulle ett inlägg som detta vara om det inte innehöll länkar till några av våra mer populära JavaScript-artiklar och kurser?
Alla dessa resurser är idealiska för att komma igång med JavaScript och lägga till det i din repertoar av webbutvecklingsfärdigheter.
När det gäller webbutveckling är JavaScript här för att stanna. Även om du kanske inte använder vad som anses vara vanilj JavaScript och väljer ett av de många bibliotek och / eller ramar som finns, är JavaScript ett språk som nästan alla webbutvecklare borde veta.
Självklart inte alla arbetar på fronten. Vissa är rent utvecklare av serverns sida. vissa är rent klient-sidautvecklare. Ändå måste vi alla arbeta tillsammans för att se till att de olika delarna av våra applikationer kommunicerar med varandra.
För det ändamålet är det åtminstone viktigt att förstå hur data från klientsidan skickas till serverns sida via JavaScript och hur det behandlas på serverns sida och sedan returneras till kundsidan som ska användas på vilket sätt som helst.
Var inte så snabb att skriva ut JavaScript bara för att du inte är en utvecklare på framsidan. Odds är att någon du arbetar med använder den och kommer att behöva ditt arbete för att knyta delar av ansökan tillsammans.
Beviljas, denna artikel klipper bara ytan. Som jag sa i början, är syftet med artikeln att förklara vad JavaScript är, hur det används och vad man kan förvänta sig av det, särskilt för dem som bara har börjat med språket.
JavaScript har blivit ett av de faktiska språken för att arbeta på webben. Det är inte utan det är inlärningskurvor, och det finns gott om ramar och bibliotek för att hålla dig upptagen också. Om du letar efter ytterligare resurser att studera eller använda i ditt arbete, kolla vad vi har tillgängligt på Envato-marknaden.
Om du har haft den här artikeln kan du även kolla in mina kurser och handledning på min profilsida, och om du är intresserad kan du läsa mer artiklar specifikt om WordPress och WordPress-utveckling på min blogg.