JavaScript'te değişkenleri bildirmek için "var" kullanmayı bırakın
Tam metin 2218 Kelimeler, tahmini öğrenme süresi 7 dakika
Kaynak: Pexels
"Sabit" ve "let" kavramlarına giriş
Herkes yeni başlayan olarak başlar. JavaScript'te değişkenleri bildirmek için var anahtar sözcüğünü kullanmanın basit ve etkili bir yöntem olduğunu öğrendim, ancak şimdi onu değiştirdim.
Hala var x = 5 gibi kod yazıyorsanız, durmanız gerekir. Dürüst olmak gerekirse, durmana gerek yok, ama durmalı.
İnsanlar genellikle programlama dillerini bir dizi altın kural olarak düşünür. Ama aslında, herhangi bir konuşma dili gibi programlama dilleri de sürekli değişiyor ve gelişiyor.
Şimdi const anahtar kelimelerini kullanıyorum ve JavaScript'teki tüm değişkenleri bildirmek için izin veriyorum ve siz de aynısını yapmalısınız.
Bunu nasıl ve neden yapacağımızı birlikte öğrenelim.
Gerçek sabitleri bildirin
Değişkenler, adından da anlaşılacağı gibi, değerleri değiştiriyor. Değişkenleri bildirmek ve bunlara dokunmamakla ilgili bir sorun olmasa da, anlamsal kod yazmak istiyorsanız, değişkenler ve sabitler arasında ayrım yapmalısınız.
Sabitler, değişkenlerin zıttıdır ve sabit değerler olarak tanımlanır. Tarihsel olarak insanlar, zehirli hayvanlar üzerindeki parlak renkler gibi bir sabiti tanımlamak için tüm büyük harfleri kullandılar.
Kurallara güvenmeksizin, const anahtar kelimesinin tanıtımı, insanlara hangi değerin değişmeyeceğini bildirmek için açık bir seçenek sağlar.
Const anahtar sözcüğünü kullanmak için, var'ı const ile değiştirmeniz yeterlidir; değer değiştirilemez.
// eski yol // var sales_tax = 0.06; // yeni yol const sales_tax = 0,06; sales_tax = 0.08; // "TypeError: Sabit değişkene atama.Uygulama yöntemi çok basittir ve prensip de çok basittir. Const kullanmanıza bile gerek yok, ama ne zaman uygundur?
Vergi oranları veya birimler arası dönüştürme gibi sayısal oranlar seçenek olarak mevcuttur. Ek olarak, ok sembolleriyle işlevleri bildirirken const kullanılır.
const myFunction = (x, y) = > { // Şeyler yapmak } myFunction (1,2)Bu şekilde işlevin üzerine yazılmaz.
Kaynak: Pexels
Olağandışı JavaScript kapsamını düzeltin
JavaScript, kapsam netliğinden yoksundur, bu da genellikle geliştirme ve sorun giderme hatalarına yol açar. Aşağıda JavaScript kapsam istisnasının bir özeti verilmiştir:
· Bir değişken iki kez kullanılabilir (yeniden beyan)
· Varsayılan olarak, üst düzey değişkenler global değişkenlerdir (global nesneler)
· Değişkenler bildirimden önce kullanılabilir (promosyon)
Döngüdeki değişkenler aynı referansı yeniden kullanır (kapanış)
Bu anormalliklerin çoğu, let kullanılarak açıklığa kavuşturulabilir ve çözülebilir. Hadi daha yakından bakalım.
Yeniden beyan
Bu çok basittir, let'ten yapılan değişkenler yeniden açıklanamaz.
var x = 0; let y = 0; var x = 1; let y = 1; // "Sözdizimi Hatası: Tanımlayıcı 'y' zaten bildirilmişGlobal nesne
Var tarafından tanımlanan üst düzey değişkenler, sistem özellikleri olarak global değişkenlere otomatik olarak eklenecek, ancak let tarafından tanımlanan değişkenler eklenmeyecektir.
var x = 0; let y = 0; console.log (window.x); // 0 console.log (window.y); // tanımsızDesteklemek
Let tarafından tanımlanan değişkenlere yalnızca blok düzeyi kapsamı içinde erişilebilirken, var tarafından tanımlanan değişkenler işlev düzeyine yükseltilecektir.
// var kullanarak console.log (i); // tanımsız için (var i = 0; i < 4; i ++) { console.log (i); } console.log (i); // 4 // Let kullanma console.log (j); // "ReferenceError: j tanımlı değil for (let j = 0; j < 4; j ++) { console.log (j); } console.log (j); // "ReferenceError: j tanımlı değilKapanış
Kapamalar sizin için yeni bir kavramsa, anlaşılması zor olabilir, ancak kapanışlar serbest değişkenlere atıfta bulunan işlevlerdir.
Kapanışta bir değişken olduğunda referans hatırlanacaktır Döngüdeki değişken değiştiğinde sorun çıkaracaktır.
var fonksiyonları =; for (var i = 0; i < 3; i ++) { fonksiyonlar = () = > {console.log (i);}; } için (var j = 0; j < 3; j ++) { işlevler (); } // 33 3Let'i kullanırsanız, her seferinde yeni bir referans oluşturulur.
var functions =; for (let i = 0; i < 3; i ++) { fonksiyonlar = () = > {console.log (i);}; } için (var j = 0; j < 3; j ++) { işlevler (); } // 01 2Sonuçta, bu nedenlerden ve neden çalıştıkları gibi çalıştıklarından% 100 olmasa bile, let'e geçmek, tutarlı bir şekilde davranan ve sorun gidermesi ve bakımı daha kolay olan daha net kodlar üretecektir.
Uyarmak
Kaynak: Pexels
Let ve const, var anahtar sözcüğünü etkili bir şekilde değiştirebilmeli, ancak her şey her zaman bu kadar basit değildir.
Bu anahtar kelimeler ECMAScript2015'te (ES6) tanıtıldığından, kullandığınız platformun bu anahtar kelimeye izin vermemesi talihsiz olur. Ayrıca, kodunuzun hedef kitlenizin tarayıcısında düzgün çalışabildiğinden emin olun.
Yorum Beğen Takip Et
Yapay zeka öğrenme ve geliştirmenin kuru mallarını paylaşalım
Yeniden yazdırıyorsanız, lütfen arka planda bir mesaj bırakın ve yeniden yazdırma şartnamelerine uyun
