Bilmeniz Gereken 4 Faydalı JavaScript İfadeleri
JavaScript ifadeleri bize güç veriyor farklı mantık türlerini kodlarımızda uygulayın. JavaScript, hepsinin kendi amacı ve sözdizimi olan bir kaçını bize sağlar. En iyi bilinen örnekler arasında, ifade ifadeleri, yineleme ifadeleri, koşullu ifadeler ve daha fazlasını bulabilirsiniz.
Bugünün yayınında göreceğiz dört daha az yaygın JavaScript ifadeleri daha önce bilmiyor olabilirsiniz, ancak JavaScript bilginizi derinleştirebilir ve daha iyi kod yazmanızı sağlayabilir.
1. Boş Açıklama
Herhangi bir JavaScript ifadesinin yerine, tek noktalı virgül olarak yazılmış boş bir ifade ekleyebilirsiniz. ;
. JavaScript yorumlayıcısı boş bir ifadeyi yorumladığında, kod yürütülmez, bu nedenle onlar için yararlı olabilir yürütmek istemediğiniz alt cümleleri değiştirin.
Örneğin, bir değişken olduğunu varsayalım. turnusol
varsayılan değer ile nötr
. Denilen başka bir değişkenin değerine göre pH
, turnusol
ikisinden birine değişir asidik
ne zaman pH < 7 or temel
pH> 7 olduğunda.
Eğer değeri pH
geçersiz olduğu ortaya çıktı, bir hata atıldı. Bir için şart Bunun gibi, aşağıdaki şartlı ifadeler geçerlidir:
var litmus = 'nötr'; pH değişebilir; eğer (pH> 0 ve pH<7) litmus = 'acidic'; else if(pH>7 ve & pH<15) litmus = 'basic'; else throw "Invalid pH value";
Ancak, yukarıdaki ifadeler kümesi pH
değeri 7, durum böyle olmamalı.
Ne zaman pH
7, turnusol
varsayılan değerini korumalıdır, yani nötr
. Yani, böyle bir durumda, ne zaman bir koşul ekle pH
7, boş bir ifadeyle birlikte.
var litmus = 'nötr'; pH değişebilir; eğer (pH> 0 ve pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 ve & pH<15) litmus = 'basic'; else throw "Invalid pH value";
Şimdi ne zaman pH
7 ise, tercüman herhangi bir talimatı yerine getirmiyor ve turnusol
varsayılan değerini koruyor, nötr
.
Boş ifadeler, aynı zamanda dizginin yardımıyla bir diziyi doldurmak için de kullanılabilir. için
döngü.
var ary = []; (var i = 0; i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]
Genellikle için
loop deyimini, bir single ifadesinden veya bir block ifadesinden oluşan bir alt deyim izler. Kıvrımlı parantez) yürütülecek. Alt ifadenin yerine boş bir cümle kullanarak, tercümanın her döngüden sonra yürütecek bir şeyi olmaz, sadece döngü oluşur ve döngü koşulları yürütülür.
Yukarıdaki örnekte, ary [i ++] = i
Her döngü yinelemesi için döngü koşulunun bir parçası olarak çalıştırılır ve dizi ary
değerleri ile örneklenir ben
.
2. The ayıklayıcı
Beyan
Hata ayıklama araçlarında işaretçiler ekle denilen kırılma noktaları kaynak kodundaki herhangi bir satıra hata ayıklayıcı aracının hata ayıklamaya başlayacağı satırları işaretleyin.
JavaScript’te ayıklayıcı
Beyan kesme noktasıyla aynı şekilde çalışır, bunun dışında doğrudan kaynak koduna eklenir, bir araç içinde değil. Çalışan herhangi bir hata ayıklayıcı betiğin çalışmasını durdurma ulaştığında ayıklayıcı
kodda hata ayıklamanıza yardımcı olması için deyim.
Unutmayın, hata ayıklama tetiklenir yalnızca komut dosyası hata ayıklama modunda çalışıyorsa, Örneğin, bir hata ayıklama programı zaten komut dosyasının çalıştırılması üzerinde çalışıyor. Şu anda çalışan hiçbir hata ayıklama programı yoksa ayıklayıcı
Açıklamada, tercüman hiçbir şey olmamış gibi çalışmalarına devam edecek.
Hızlı bir test olarak, tarayıcının hata ayıklayıcı aracını açık tutarken aşağıdaki kodu Codepen'de çalıştırın:
console.log ( 'tesing'); ayıklayıcı; console.log ('debugging cümlesi');
Yanında bir kopma noktası göreceksiniz ayıklayıcı
tarayıcının hata ayıklama aracında aşağıda gösterildiği gibi ifade.
3. Etiketli İfade
JavaScript'te, belirli ifadelere de etiket ekleyebilirsiniz. Böylece, yapabilirsiniz daha sonra etiketli ifadeye atla etiketini kodunuzda kullanarak, biraz gibi git
deyim başka dillerde de çalışıyor.
Etiketli ifadeler yalnızca mola
ve devam et
ifadeler, JavaScript'te olduğu gibi değişmez git
Beyan.
Her ikisi de mola
ve devam et
sadece, örneğin için
döngü (bir istisna dışında), mola
içinde kullanılabilir şalter
yanı sıra). Böylece döngüleri etiketleyebilir ve kullanabiliriz. mola
ve devam et
yürütmelerini kontrol etmek.
etiketli ifadelerin sözdizimi basittir, aşağıdaki örnekte gördüğünüz gibi etiketin adını aşağıdaki iki noktadan eklemeniz yeterlidir. döngü
eklediğimiz etiketin adı için
döngü.
loop: (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4
Değeri ne zaman ben
2, yürütme ilerlemek yerine tekrar döngüye atlar ve bu nedenle konsol çıktısını engeller. “2”.
Şimdi başka bir örnek görelim mola
Beyan. Sadece değiştirin devam et
ile anahtar kelime mola
Yukarıdaki örnekte ve aynı şekilde olduğu gibi loop'a geri dönmek yerine devam et
, döngü biter / tamamen kırılır.
loop: (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1
Yukarıdaki örnekler oldukça basitti, böylece etiketli ifadelerin nasıl çalıştığını çabucak anlayabilirsiniz, ancak gerçek hayattaki kodlamada etiketler, aşağıdaki örnekte olduğu gibi farklı döngüleri ayırt etmek gerektiğinde bileşik döngülerinde daha sık kullanılır:
loop: (var i = 0; i<4; i++) for(var j=0; j<2; j++) if(i===2 && j===1) break loop; console.log(i+"-"+j);
İşte, dış döngü sonları değişken için 2 değerinde ben
ve 1’de j
, ve konsol aşağıdaki çıktıyı döndürür:
0-0 0-1 1-0 1-1 2-0
4. The ile
Beyan
JS tercümanı ne zaman nitelenmemiş bir isim gelir çağrının hangi nesne veya işlevle ilişkili olduğunu belirlemez. kapsam zincirini arar Herhangi bir uygun nesne veya işlev için çağrıya başvurabilir.
Kullanarak ile
açıklama yapabiliriz kapsam zincirinin üstüne bir nesne ekle, ve çağrının hangi nesne ile ilişkili olduğunu belirtin..
Aşağıdaki örnekte, bu özelliklerin özelliklerini görebilirsiniz. kişi
Nesne, isimleri içinde yalnızca isimler kullanılarak çağrılır. ile
Beyan.
var person = firstName: "John", soyadı: "Doe", yaş: "18", ülke: "Greenland"; (person) console.log ("Merhaba, benim adım" + firstName + "" + lastName + "." + yaş + "yaşındayım ve" + ülke + "'da yaşıyorum); // "Merhaba, benim adım John Doe. 18 yaşındayım ve Grönland'da yaşıyorum."
Yukarıdaki kodun kullanmadan nasıl göründüğünü karşılaştırın ile
Beyan:
var person = firstName: "John", soyadı: "Doe", yaş: "18", ülke: "Greenland"; console.log ("Merhaba, adım" + person.firstName + "" + person.lastName + "." + person.age + "yaşındayım ve" + person.country + "da yaşıyorum." ); // "Merhaba, benim adım John Doe. 18 yaşındayım ve Grönland'da yaşıyorum."
Görebilirsiniz ile
Aynı nesnenin birçok özelliği ile çalışıyorsanız, ifade büyük bir kısayol olabilir..
Ancak, bu ile
Beyan sıkı modda izin verilmez, bazı kapsam karışıklıklarına neden olabileceğinden.
Ayrıca, sadece kullanılması tavsiye edilir ile
deyimi, dahili deyimleriyle ilişkilendirilmiş nesneyi kullanırsa ile
Aksi halde, tercüman, söz konusu nesneye bakmak için zaman harcar. ile
ilk olarak, daha sonra içinde bulduğu tüm nitelenmemiş özellik adları için ile
blok.