Redaktado de JavaScript

{{Prisupre|pri=reta programlingvo|insulo|Javo|(homa) lingvo|Java lingvo|alia programlingvo|Java (programlingvo)|apa=Java (apartigilo)}}
{{Informkesto programlingvo
}}
[[Dosiero:JSDOM.gif|eta|Strukturo de ioj Ĝavoskriptaj objektoj.]]
'''JavaScript''' (ankaŭ nomata '''Ĝavoskripto'''<ref>[https://komputeko.net/#JavaScript Javascript] en [[Komputeko]]</ref> aŭ simple '''JS''') estas plur-paradigma programlingvo kaj havas karakterizaĵojn de ambaŭ [[Funkciaj lingvoj|funkciaj programlingvoj]] kaj [[objektema programado|objektemaj]] [[programlingvo|programlingvoj.]] Ĝi estas kreita en [[1995]].

Oficiale Ĝavoskripton difinas la [[Normigado|normo]] ''ECMA‑262'', alinome ''ECMAScript''. La nuna versio de tiu normo estas la tria, sed la kvina versio de tiu normo projektas anstataŭigi ĝin<ref>{{Citaĵo el la reto |url=https://developer.mozilla.org/en-US/docs/JavaScript/New_in_JavaScript/1.8.5 |titolo=Ŝanĝoj en la versio 1.8.5 de JavaScript. |alirdato=2012-11-30 |arkivurl=https://web.archive.org/web/20121220220733/https://developer.mozilla.org/en-US/docs/JavaScript/New_in_JavaScript/1.8.5 |arkivdato=2012-12-20 }}</ref>.
La diversaj TTT-legiloj sufiĉe bone konformiĝas al tiu normo, sed ili kaŭzas programajn komplikojn pro malsimilaj adaptoj de la dokumentobjekta modelo (normo ''dom''), tra kiu Ĝavoskripto manipulas la fenestrajn objektojn.

== Uzo de la lingvo ==
Ĝin funkciigas [[TTT-legilo]]j. Por sekureco de personaj komputiloj ĝi ne povas skribi sur diskojn. Ĝi estas kiel infano, ludanta intern infana ĝardeno kaj ne scianta pri eksteraj aferoj.
Iam oni trovas, ke eĉ ĉe jam ekzistaj malpermesoj eblas krei per Ĝavoskripto danĝerajn programojn. Ekzemple, antaŭ kelkaj jaroj kelkaj TTT-legilaj versioj malpermesis, ke ĝavoskripta programo aperigu fenestrojn, kiuj estas tro malgrandaj, kvankam novaj fenestroj aperas ne ekster la TTT-legilo kaj ŝajnas, ke ili povas damaĝi nenion.

Utilo de la lingvo estas, ke dank ĝi TTT-legilo liberiĝas de revoki paĝon, se necesas tasko, en kiu konservendas nenio interreten (Ĝavoskripto meme faras la taskon, dank tio, ke Ĝavoskripto kapablas ŝanĝi bildon, kiu okupas TTT-legilan ekranon, kaj senti komandojn de homo). La plej ofta ĉi tia tasko: Ĝavoskripto kontrolas ĝuston de informacio, kiun homo provas sendi per TTT-legilo (Ĝavoskripto, ekzemple, insultas, se la homo tajpas vortojn en tabelon, en kiun endas tajpi nur nombrojn). Nature, la tasko, kiun faras Ĝavoskripto, indas esti ne tre malfacila, ĉar komputilo, en kiu lanĉitas TTT-legilo, eble estas ne sufiĉe forta (ekzemple, poŝkomputilo).

Ŝatantoj de Ĝavoskripto ricevis grandan ĝojon post apero de [[HTML5|la 5a versio de HTML]]. En HTML5 aperis la kodero <code>canvas</code>, sur kiu oni povas desegni per Ĝavoskripto.

Unu el novaj uzoj de Ĝavoskripto estas malreale rigardi programojn por [[poŝtelefono]]j sen lanĉi ilin en reala poŝtelefono.
Ĝavoskripto naskas TTT-legile bildon, kiu similas poŝtelefonajn aferojn.
Se en lanĉo nenio konservendas por uzati en estontaj lanĉoj, malreala lanĉo tute sufiĉas (ekzemple, poŝtelefonaj [[videoludo]]j). Bonas ideo verki programojn por ĉi tia rigardmaniero ne en speciala poŝtelefona lingvo, sed rekte Ĝavoskripte. Kial? Se eblas krei ilojn tradukantajn ĉi tiajn ĝavoskriptajn programojn en la specialajn poŝtelefonajn lingvojn, oni akiras la avantaĝojn:
# Ekzistas nune multo da diferencaj poŝtelefonaj familioj: [[Android]], "Symbian", [[iPad]], ktp. Sama programo uzeblas por kelkaj familioj (necesas nur riĉa ilaro por traduki ĝavoskriptajn programojn plurdirekte)
# Ĝavoskripton lerni (krome, plisimpligitan Ĝavoskripton, Ĝavoskripton sen povoj, neutilaj poŝtelefone) estas pli facile ol lerni specialajn lingvojn (Ĝavo, C++, ktp.)
# Ne necesas krei ĝavoskripte programon, legantan tekstojn de aliaj programlingvoj, sufiĉas nur malpermesi kelkajn tro fortajn povojn de Ĝavoskripto.
Ekzistas ankaŭe unu malavantaĝo: Poŝtelefona programo, akirita traduke, ne funkcias tiom rapide kiom funkcius sama programo verkita rekte en speciala lingvo, sed la ideo modas nune.
Famas nune kelkaj ĉi tiaj manieroj verki ĝavoskriptajn programojn, ekzemple, [[Sencha Touch]].

Ekzistas ankaŭ uzoj de Ĝavoskripto ne TTT-legile. Ie ĝin oni uzas intern [[Vindozo]], ekzemple, sed ŝajnas, ke la plej fama uzo estas TTT-legila. Oni eĉ proponas inventi Ĝavoskripton en [[lernejo]]jn anstataŭ tradiciajn programlingvojn por lerni [[algoritmo]]jn. Simpleco de Ĝavoskripto kaj tio, ke oni bezonas neniun ilon krom TTT-legilon por lanĉi siajn programojn, estas avantaĝo (sed, nature, tio, ke TTT-legile malfacilas kontroli erarojn de programistoj, problemas lernejan uzon, necesas speciala, ne-TTT-legila, programado por sukcese instrui).

== Ekzemploj ==
Ĝavoskripto ne tipigas variablojn. Variablojn oni ne bezonas deklari por ke ili estu uzeblaj.
<syntaxhighlight lang="javascript">
x = 1
x = "Hello World!"
y = x + 2
// “y” valoras "Hello World!2".
</syntaxhighlight>

Vi povas vidi, ke, malsimile al Ĝavo, oni ne devas uzi punktokomojn inter komandoj, se la komandoj ne apartenas al la sama linio.
Krome, oni ne bezonas uzi punktokomon post komando, se la komando estas lasta.

Tiel en Ĝavoskripto oni deklaras funkciojn:
<syntaxhighlight lang="javascript">
f = function(x, y) { return x (y) }
</syntaxhighlight>

Vi povas vidi, ke funkcio povas esti argumento por alia funkcio (tra la argumento "x" oni povas meti funkcion).

Ekzistas ilo por stiri videblon de variablo ekster funkcio.
Ĉi tiu ilo estas la vorto <code>var</code>:

<syntaxhighlight lang="javascript">
g = function(x, y) { s=x+y; var s; return s*2}
</syntaxhighlight>

La variablo <code>s</code> ne videblas ekster la funkcio g pro la komando "<code>var s</code>".

== Objektoj ==
Objektoj aperas en la lingvo tre simple. Ĉiu variablo povas ekhavi anojn, post ĉi tio ĝi estos objekto:

<syntaxhighlight lang="javascript">
g={};
g.nomo=1
</syntaxhighlight>

Sama senco:
<syntaxhighlight lang="javascript">
g={nomo:1}
</syntaxhighlight>
Vi vidas objekton kun unu ano: <code>nomo</code>. Se vi provos akiri, ekzemple, <code>g.agho</code>, komputilo respondos "<code>undefined</code>" (nedifinita), sed ne "<code>null</code>" (malplena).

Ĉiu variablo, ne apartenanta al objekto, estas reale ano de la speciala objekto ''<code>window</code>'' (t.n. "<code>global object</code>"). Do, oni povas akiri la variablon <code>g</code> ankaŭ per la nomo "<code>window.g</code>".

Ekzistas du vojoj por atingi anon de objekto. Ekzemple, por akiri la anon "<code>nomo</code>" de la objekto "g":
# <code>g.nomo</code>
# <code>g["nomo"]</code>
Dank'al la dua vojo oni povas rigardi akiron pri ano de objekto kiel funkcion, kies argumentoj estas la objekto kaj nomo de la ano:
<syntaxhighlight lang="javascript">
function(g){
    for(i in g){
        alert(g[i]);
    }
}
</syntaxhighlight>
Krome, la dua vojo permesas uzi kelkajn vortojn por nomi anojn:
<syntaxhighlight lang="javascript">
ameriko={"suda parto":"Kubo","norda parto":"Usono"};
alert(ameriko["suda parto"]);
</syntaxhighlight>
Krome, la dua vojo permesas uzi nombrojn por nomi anojn (speciala speco de objektoj, "<code>Array</code>" = tabelo):
<syntaxhighlight lang="javascript">
teamo=["Johano","Paŭlo","Ringo","Georgo"];
alert(teamo[0]);
</syntaxhighlight>
Ano de objekto povas esti funkcio. Funkcio povas koni objekton, kies ano ĝi nun estas, per la speciala nomo ''<code>this</code>''.

== Regionoj kaj Fermigo ==
Rigardu ekzemplon, en kiu funkcio naskiĝis interne de alia funkcio:
<syntaxhighlight lang="javascript">
v=function(){
    var g="Ĝise";
    var h=function(){
        alert(g);
    };
    g="Poste";
    return h;
};
v()();
</syntaxhighlight>
Multaj homoj opinias, ke la skripto devontus mesaĝi “Ĝise”.
Oni kutime pensas, imagante, ke post la funkcio <code>h</code> naskiĝas, la funkcio <code>h</code> ne dependas de la variablo <code>g</code>. Sed reale la skripto mesaĝas “Poste”. Kvankam la variablo <code>g</code> ne videblas ekster la funkcio <code>v</code>, kreintoj de Ĝavoskripto permesis al la funkcio, kiun donas la funkcio <code>v</code>, uzi la variablon <code>g</code>. Do laŭ la difino de Ĝavoskripto eblas, ke rezulto de la funkcio <code>v</code> private posedas variablon. Ĉi tia variablaro, posedata private, nomiĝas “regiono” (“scope” en la [[Angla lingvo|angla]]).

Fermigo (angle: “Closure”) estas tio, kio uzas la nomregionon. Ĝis morto de ĉiuj fermigoj, la ilo rubkolektilo (angle: “Garbage collector”) ne rajtas liberigi memoron, kiun okupas fermigoj. En la lasta ekzemplo, la fermigo estas rezulto de la funkcio <code>v</code>, kiu estas ankaŭ funkcio.

== Naski objektojn per la vorto ''new'' ==
Kio okazos, se funkcio, kiu uzas la nomon ''<code>this</code>'', estas nenies ano?
La vorto ''<code>this</code>'' signifos novan objekton, kiu naskiĝos pro voko de la funkcio:
<syntaxhighlight lang="javascript">
virino=function(){
    this.vesto="robo";
};
onklino=new virino();
</syntaxhighlight>
Atingi ĉi tiun objekton oni povas per la speciala vorto ''<code>new</code>'' (por ne konfuzi al rezulto de la funkcio, oni ĝin ne atingas per rekta voko "<code>onklino=virino()</code>", ĉar ĉi tiel oni povas atingi tion, kio lokiĝas post la vorto ''<code>return</code>'', anstataŭ tion, kion signifis la nomo ''<code>this</code>'' interne de la funkcio).

Do ĉiu funkcio estas kiel klaso en [[Java (programlingvo)|Ĝavo]], aperas parenceco inter objektoj.
Oni povas ekscii, ĉu objekto apartenas klason per la funkcio <code>instanceof</code>. Ekzemple: <code>onklino instanceof virino</code> estas <code>true</code>.

Reale, ĉiu simpla tipo en Ĝavoskripto estas klaso. Ekzistas klaso:
# <code>String</code> = karaktraro
# <code>Number</code> = nombro
# <code>Boolean</code> = bulea
# <code>Array</code> = tabelo
# <code>Function</code> = funkcio
# <code>Object</code> = objekto
Ekzemple, ĉiu objekto havas la anon <code>toString()</code>, kaj la primitivaj tipoj ne estas escepto (malkiel Ĝave):
<syntaxhighlight lang="javascript">
a=3;
alert(a.toString());
</syntaxhighlight>

== Heredi ==
Ĉiu funkcio havas anon "prototype", en kiun oni povas meti objekton (ne funkcion!), kies ecojn ĉiuj idoj de la funkcio heredu. Ekzemple:
<syntaxhighlight lang="javascript">
patrino=new virino();
patrino.okuloj="bluaj";
knabino=function(){
    this.karaktero="malbona";
};
knabino.prototype=patrino;
fratino=new knabino();
alert(fratino.okuloj);
//okuloj de fratino estas tiaj, kiaj estas okuloj de patrino ("bluaj")
</syntaxhighlight>

== Referencoj ==
{{Referencoj|2|30em}}

== Vidu ankaŭ ==
* [[LibreJS]]

== Eksteraj ligiloj ==
{{Projektoj}}
* {{en}} [https://developer.mozilla.org/Special:Tags?tag=JavaScript Informoj ĉe developer.mozilla.org] {{Webarchiv|url=https://web.archive.org/web/20100702190225/https://developer.mozilla.org/Special:Tags?tag=JavaScript |date=2010-07-02 }}

{{Program-lingvoj}}
{{Bibliotekoj}}
[[Kategorio:JavaScript| ]]