Javascript ile Java tamamen farklı iki dildir ve Javascript içinde geçen Java ile nesneye yönelik, çok amaçlı kullanılan Java dilinin bir ilgisi yoktur.
Javascript'te üç temel tip (primitive type) içerir :
Javascript'te değişkenin yaşam alanı veya tanımlandığı yere göre iki tür değişken vardır :
Javascript'te değişenkler var keyword'ü ile declare edilir (tanımlanır) :
var a;
tanımlama yapılırken atama yapılabilir :
var a="test";
var b=1;
var c=true;
Eğer var değeri ile tanımlama yapılmadan atama yapılır ise "Global Değişken" olarak declare (tanımlama) edilmiş gibi kabul edilir
a="test";
HTMl'de Script ekleme örneği aşağıdaki gibidir :
<html> <head> <script language="javascript"> ...script buraya yazılır.... </script> </head> <body> ...... <script language="javascript"> ...script buraya yazılır.... </script> </body> </html>
Yukarıdaki örnekte hem head etiketi içerisine , hem de body içerisine javascript kodları yerleştirilebilir.
HTML'de bir Javascript dosyası ekleme ve script kullanımı örneği aşağıda görülmektedir :
<html> <head> <script src="test.js" language="javascript"> </script> <script language="javascript">...burada test.js dosyasındaki script kullanılabilir... </script> </head> <body> ...... <script language="javascript"> ...burada test.js dosyasındaki script kullanılabilir... </script> </body> </html>
Yukarıda test.js dosyası sayfaya eklenmiştir. Bu nedenle test.js içindeki script kodları sayfa boyunca kullanılabilir.
Aşağıda basit bir dizi örneği görülmektedir :
students=new Array("ali","veli","sezai","recai"); first=students[0]; second=students[1];
students adında bir dizi yaratılmış ve 4 eleman verilmiştir. Daha sonra ilk eleman ("ali") first değişkenine, ikinci eleman ("veli") second değişkenine atanmıştır
Aşağıda basit bir if-else örneği görülmektedir :
//number değişkeni daha önce verilmiş olsun if(number>3){ sum=number*number; }else{ sum=number+number; }
number değişkeninin değeri 3'ten büyükse sum değişkenini değeri number değiernin karesi olarak atanmaktadır. Eğer number değeri 3'ten büyük değilse sum değeri number değeirinin iki katı yapılıyor
Aşağıda bir for düngü örneği görülmektedir :
sum=0; numbers=new Array(1,2,3,4,5); for(i=0;i<numbers.length;i++){ sum=sum+numbers[i]; }
numbers dizisi elemanları toplanmakta ve sum değerine atanmaktadır. Döngü bittiği zaman sum değeri toplam değer olacaktır
Aşağıda iki fonksiyon örneği görülmektedir :
function makeSum(){ sumNumber=sum(3,4); } function sum(number1,number2){ return number1+number2; }
makeSum fonskiyonu sum fonskiyonunu çağırmaktadır. Sum fonksiyonu ise number1 ve number2 olarak gelen parametreyi toplayıp, sonucu geri döndürmektedir. Bu nedenle makeSum fonksiyonu çağrıldığında sumNumber değişkeninin değeri 7 olacaktır
Aşağıda confirm dialog gösteren bir örnek bulunmaktadır :
<html> <head> <script language="javascript"> function question(){ var result=confirm("tamam mı iptal mi ?"); alert("Cevabın: "+ result); } </script> </head> <body onLoad="question()"> </body> </html>
Sayfa yüklendiğinde question fonksiyonu çağrılır. question fonskiyonu kullanıcıya "tamam mı iptal mi" yazan bir mesaj penceresi gösterir ve Yes/No (Evet/Hayır) şeçeneklerinden birisini seçmesini ister. Kullanının seçtiği değeri de alert ile gösterir. Kullanıcının seçtiği değer ya true ya da false olacaktır.
Aşağıda prompt dialog örneği görülmektedir :
<html> <head> <script language="javascript"> function question(){ var result=prompt("Bir şeyler yazın",""); alert("yazdığın şey: "+ result); } </script> </head> <body onLoad="question()"> </body> </html>
Sayfa yüklendiğinde question fonksiyonu çağrılır. question fonskiyonu kullanıcıya "Bir şeyler yazın" yazan bir mesaj penceresi gösterir ve kullanıcıdan bir giriş yapmasını bekler. Kullanının giridiği değeri alert ile gösterir.
Javascript'te bir sayfa üzerinden açılan bir popup penceresinden (window.open() ile açılan) ana pencereye opener keyword'ü ile erişebilirsiniz. Örneğin açılan pencereden ana pencerenin status bar'ına (durum çubuğu) aşağıdaki gibi değiştirilebilir :
opener.status="mesaj buraya";
var iMax = 13; var jMax = 13; var data = new Array(); for (i=0;i<iMax;i++) { data[i]=new Array(); for (j=0;j<jMax;j++) { data[i][j]=""; } } data[1][1]='2X2 eleman'; data[12][12]='13X13 eleman';
script /* How to use: * Load > var mm = require('./my_module.js'); * Reload: > mm = mm.relaod(); */ exports = module.exports = { /** module exports **/ 'reload' : function() { delete require.cache[require.resolve('./my_module.js')]; return require('./my_module.js'); } };