Javascript'de nesne literali kullanarak tek değişken içinde değişken, fonksiyon ve nesne tanımlamak ve kullanmak

Javascriptde yazdığımız fonksiyonlar, yarattığımız değişkenler ve mantıksal işlemlerin tümünü tek bir değişken içerisinde tanımlayarak kullanmak bize kolaylık sağlayabilir. Bu sayede birbiriyle alakalı olan fonksiyon ve değişkenleri tek bir değişkende nesne literali kullanarak ( var degisken = {}; şeklinde) toplayabiliriz. Böylece javascript kodumuz içerisinde sık kullanılan fonksiyonlar ve değişkenlere erişirken kolaylık sağlamış olacağız.

Javascript değişkeni içerisinde fonksiyon ve değişken tanımlama

Javascript kodumunzda değişikene direk olarak değer ya da tek nesne atamak yerine değişken içerisinde bir çok değişken yaratacağız. Daha sonra bu değişkenler içerisine mantıksal işlemler, değerler ve fonksiyonlar ekleyip tek değişken üzerinden kullanacağız. Ana değişkenimizin adı $Deneme olsun.

Aşağıdaki örnek kodu sayfanın body etiketi arasında ekleyelip çalıştıralım:

<script type="text/javascript">

var $Deneme = {
    // istediğimiz özelliği ekleyebileğimiz myObject nesnemiz
    myObject : new Object(),
    // başlık değişkenimiz
    title : 'Örnek',
    // toplama yapan Sum fonksiyonumuz
    Sum : function (par1,par2) {
            var sum=par1+par2;
            return sum;
        },
    // myArray dizimiz,   myArray : new Array()  ya da   myArray : [] şeklinde de yaratabilirdik
    myArray : ['A','B','C'],
    // Web tarayıcısını tanıyacak Browser nesnemiz
    Browser: {
        IE      : !!(window.attachEvent && !window.opera),
        Opera   : !!window.opera,
        Firefox : navigator.userAgent.indexOf("Firefox")>-1,
        WebKit  : navigator.userAgent.indexOf('AppleWebKit/') > -1,
        Gecko   : navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1

      }             
    };
    
// objeye bir özellik ekliyoruz.     
$Deneme.myObject.name='bir isim';

// $Deneme değişkenimizi kullanarak ekranda bilgileri gösteriyoruz.
document.write("$Deneme.title = " +$Deneme.title +"<br/>");
document.write("$Deneme.myObject.name = " +$Deneme.myObject.name +"<br/>");
document.write("$Deneme.myArray[0] = " +$Deneme.myArray[0]+"<br/>" );
document.write("$Deneme.Sum(5,2) = " +$Deneme.Sum(5,2)+"<br/>" );

if ( $Deneme.Browser.IE )
    document.write( "Internet Explorer kullanıyorsunuz." +"<br/>");
else if ( $Deneme.Browser.Opera)
    document.write( "Opera kullanıyorsunuz."+"<br/>" );
else if ( $Deneme.Browser.Firefox)
    document.write( "Firefox kullanıyorsunuz."+"<br/>" );   
 
</script>