<js--> JavaScript Dikkat edilmesi gerekenler | Ders #7

alert(text);
var text = "Bugün çok güzel bir gün";

Undifined

Genişletmek için tıkla ...

var text = "Bugün çok güzel bir gün";
alert(text);

Bugün çok güzel bir gün

Genişletmek için tıkla ...

var meyve = "Elma";
var sebze = "Brokoli";
var Baklagiller = "Mercimek";

var meyve, sebze, baklagiller;
meyve = "Elma";
sebze = "Brokoli";
baklagiller = "Mercimek";

var meyve= "Elma", sebze = "Brokoli", baklagiller = "Mercimek";

var info = {
    sayfa_baslik: "javaScript'te dikkat edilmesi gerekenler",
    sayfa_icon: "resimler/icon.png",
    yazar_adi: "The VODKA",
    tarih: new Date(),
    demo: document.getElementById("demo")
}
demo.innerHTML = info.sayfa_baslik;

if(a == b)
{
alert("Merhaba")       
} else
{
alert("Hatalı")
}
var kullanici = "The VODKA";

if(a == b) {
    alert("Merhaba")       
} else {
    alert("Hatalı")
}
var kullanici = "The VODKA";

The VODKA' Alıntı:

1) Değişkenleri en başta oluşturun: JavaScript'te veriler yukarıdan aşağı, Soldan sağa doğru okunur.

Hatalı KULLANIM:

JavaScript:

alert(text);
var text = "Bugün çok güzel bir gün";

Doğru Kullanım:

JavaScript:

var text = "Bugün çok güzel bir gün";
alert(text);

2) Değişkenleri Kısaltarak yazın: Normalde javaScript'te değişkenleri oluştururken sürekli olarak tek tek alt alt'a yazıyoruz. Satır sayısını azaltacağımız için sistem yoğun olmayacak ve sayfamız daha hızlı açılacaktır.

Düzensiz Kullanım:

JavaScript:

var meyve = "Elma";
var sebze = "Brokoli";
var Baklagiller = "Mercimek";

Düzenli kullanım:

JavaScript:

var meyve, sebze, baklagiller;
meyve = "Elma";
sebze = "Brokoli";
baklagiller = "Mercimek";

Düzenli Kullanım:

JavaScript:

var meyve= "Elma", sebze = "Brokoli", baklagiller = "Mercimek";

3) Diziler veya Array'ler Kullanın: Bu yöntem sizin çok işinize yarayacaktır. Karmaşık kodların arasından değiştirmek istediğiniz kodu bulmak çok zamanınızı alabilir. Bu nedenden dolayı bir diziler ile daha kolay değişkenlerinize erişim sağlayabilirsiniz.

JavaScript:

var info = {
    sayfa_baslik: "javaScript'te dikkat edilmesi gerekenler",
    sayfa_icon: "resimler/icon.png",
    yazar_adi: "The VODKA",
    tarih: new Date(),
    demo: document.getElementById("demo")
}
demo.innerHTML = info.sayfa_baslik;

4) Sayfa Düzeni: Kimi zaman satırlarca kodumuz olabilir. Bir yerde hata yaptığımızda veya bazı kodları değiştirmek istediğimizde kodları aramak zorunda kalırız. Sayfa yapısı dağınık bir biçimde olunca haliylen aradığımız kodu bulmakta zorlanabiliriz halbuki sayfa yapısını düzenli oluşturursanız aradığınızı bulmanız kolaylaşır.

Düzensiz Kullanım:

JavaScript:

if(a == b)
{
alert("Merhaba")       
} else
{
alert("Hatalı")
}
var kullanici = "The VODKA";

Düzenli Kullanım:

JavaScript:

if(a == b) {
    alert("Merhaba")       
} else {
    alert("Hatalı")
}
var kullanici = "The VODKA";

Editör Kısayolları: Her editör aynı değildir. Her editörün kendine ait bazı belirlenmiş kısa yol tuşları mevcuttur. İnternetten editörünüzün kısayol tuşlarını araştırabilirsiniz. Bu yöntem ile kodlarınızı daha hızlı yazabilirsiniz.

Editör Eklentileri: Belkide Birçoğumuz kodlarını yazarken bazı eklentileri kullanmıyor olabilir. Mesela kod tamamlama eklentisi, Mesela dillere göre güncelleştirilmiş kütüphaneler vb. araçları kullanmak istiyorsak editörümüzün eklenti araçları kısmından eklenti yükleyebiliriz. İnternette daha detaylı araştırma yaparak işinize yarayacak eklentileri bulup indirebilirsiniz.

Genişletmek için tıkla ...

The VODKA' Alıntı:

1) Değişkenleri en başta oluşturun: JavaScript'te veriler yukarıdan aşağı, Soldan sağa doğru okunur.

Hatalı KULLANIM:

JavaScript:

alert(text);
var text = "Bugün çok güzel bir gün";

Doğru Kullanım:

JavaScript:

var text = "Bugün çok güzel bir gün";
alert(text);

2) Değişkenleri Kısaltarak yazın: Normalde javaScript'te değişkenleri oluştururken sürekli olarak tek tek alt alt'a yazıyoruz. Satır sayısını azaltacağımız için sistem yoğun olmayacak ve sayfamız daha hızlı açılacaktır.

Düzensiz Kullanım:

JavaScript:

var meyve = "Elma";
var sebze = "Brokoli";
var Baklagiller = "Mercimek";

Düzenli kullanım:

JavaScript:

var meyve, sebze, baklagiller;
meyve = "Elma";
sebze = "Brokoli";
baklagiller = "Mercimek";

Düzenli Kullanım:

JavaScript:

var meyve= "Elma", sebze = "Brokoli", baklagiller = "Mercimek";

3) Diziler veya Array'ler Kullanın: Bu yöntem sizin çok işinize yarayacaktır. Karmaşık kodların arasından değiştirmek istediğiniz kodu bulmak çok zamanınızı alabilir. Bu nedenden dolayı bir diziler ile daha kolay değişkenlerinize erişim sağlayabilirsiniz.

JavaScript:

var info = {
    sayfa_baslik: "javaScript'te dikkat edilmesi gerekenler",
    sayfa_icon: "resimler/icon.png",
    yazar_adi: "The VODKA",
    tarih: new Date(),
    demo: document.getElementById("demo")
}
demo.innerHTML = info.sayfa_baslik;

4) Sayfa Düzeni: Kimi zaman satırlarca kodumuz olabilir. Bir yerde hata yaptığımızda veya bazı kodları değiştirmek istediğimizde kodları aramak zorunda kalırız. Sayfa yapısı dağınık bir biçimde olunca haliylen aradığımız kodu bulmakta zorlanabiliriz halbuki sayfa yapısını düzenli oluşturursanız aradığınızı bulmanız kolaylaşır.

Düzensiz Kullanım:

JavaScript:

if(a == b)
{
alert("Merhaba")       
} else
{
alert("Hatalı")
}
var kullanici = "The VODKA";

Düzenli Kullanım:

JavaScript:

if(a == b) {
    alert("Merhaba")       
} else {
    alert("Hatalı")
}
var kullanici = "The VODKA";

Editör Kısayolları: Her editör aynı değildir. Her editörün kendine ait bazı belirlenmiş kısa yol tuşları mevcuttur. İnternetten editörünüzün kısayol tuşlarını araştırabilirsiniz. Bu yöntem ile kodlarınızı daha hızlı yazabilirsiniz.

Editör Eklentileri: Belkide Birçoğumuz kodlarını yazarken bazı eklentileri kullanmıyor olabilir. Mesela kod tamamlama eklentisi, Mesela dillere göre güncelleştirilmiş kütüphaneler vb. araçları kullanmak istiyorsak editörümüzün eklenti araçları kısmından eklenti yükleyebiliriz. İnternette daha detaylı araştırma yaparak işinize yarayacak eklentileri bulup indirebilirsiniz.

Genişletmek için tıkla ...