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 pHdeğ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.