JavaScript'teki ifadeler

Jan 24 2023

JavaScript ifadeleri, bazı eylemleri veya görevleri tamamlayan bir kod bloğudur. Varsayılan olarak, JavaScript yorumlayıcısı bu ifadeleri yazıldıkları sırayla birbiri ardına yürütür.

Aşağıda JS'deki farklı ifade türlerini anlamaya çalışalım.

1. İfade Tabloları

Yan etkileri olan ifadeler, Atama deyimleri, işlev Çağırma, artırma ve eksiltme operatörleri, atama deyimleriyle ilgili ++ ve — ve silme işleçleri gibi ifade deyimleri olarak kabul edilir .

let greeting = “Hello “ + name; //assignment statement
counter ++; // increment operator which is changing a variable value
delete o.x; // deleting a property of an object O
cx = Math.cos(x);; // function invocation and assign the value to a variable

Tek bir ifade birden fazla alt ifade içerebilir, JS'de bileşik ifade veya ifade bloğu olarak kabul edilir. Aşağıdaki satırlar tek bir ifade görevi görür

{ 
 x = Math.PI; 
 cx = Math.cos(x);
 console.log(“cos(π) = “ + cx);
}

3. Koşullu Açıklama

JS yorumlayıcısının if ve switch ifadeleri gibi bir ifadenin değerine bağlı olarak diğer ifadeleri yürütmesini veya atlamasını sağlayan ifadeler .

3.1 if İfadesi,
JS'nin karar vermesine ve ifadeleri koşullu olarak yürütmesine izin veren temel kontrol ifadesi.

//syntax
If (expression) 
 Statement1
else 
 Statement 2

//example
if (n === 1) { //curly braces are optional in case of single statement
 console.log("You have 1 new message.");
} else {
 console.log(`You have ${n} new messages.`);
}

3.2 Switch deyimi
Aynı ifadenin değerinin 2'den fazla seçenek arasında karar vermek için kullanılabileceği durumlarda, JS bir switch deyimi sağlar.

//Syntax
switch(expression) {
 case label1: statement1; // if expression value === label1 execute statement1
 case label2: statement2; // if expression value === label2 execute statement2
 … 
 default: default_statement; // optional
}

//Example:
switch(n) {
  case 1:                        
   // Start here if n === 1.(sameness is determined by the === operator)
   // Execute code block #1.
   break;                         // stop here
  case 2:                         
    // Start here if n === 2
    // Execute code block #2.
   break;                         // Stop here
  case 3:                         
    // Start here if n === 3
    // Execute code block #3;
   break;                         // Stop here
  default:                        
    // If no case match the value of n
    // Execute code block #4.
}

4. Döngü bildirimi

While ve for gibi diğer deyimleri tekrar tekrar yürüten deyimler .

4.1 While döngüsü
Tercüman önce ifadeyi değerlendirir . İfadenin değeri yanlışsa, yorumlayıcı döngü gövdesi görevi gören ifadeyi atlar ve programdaki bir sonraki ifadeye geçer. Öte yandan, ifade doğruysa , tercüman ifadeyi yürütür ve tekrarlar.

//Syntax
while (expression) { //curly braces are optional in case of single statement
  //statment or statement block
}

//Example
let count = 0;
while(count < 10) {
 console.log(count);
 count++;
}

//Syntax
do { //curly braces are optional in case of a single statement
 //statement / statement block
} 
while (expression);

//Example
let count = 0;
do {
 console.log(count);
 count++;
}
while (count < 10);

//syntax
for(initialize ; test ; increment) { //curly braces are optional in case of single statement
 //statement / statement block
}
//Example:
for(let count = 0; count < 10; count++) {
 console.log(count);
}

//Syntax with example
let data = [1, 2, 3, 4, 5, 6, 7, 8, 9], sum = 0;
for(let element of data) {
 sum += element;
}

// for of with map
let m = new Map([[1, "one"]]);
for(let [key, value] of m) {
 key    // => 1
 value  // => "one"
}

//syntax
for (variable in object) {
 //statement / statement block
}

//Example:
for(let p in o) { // Assign property names of o to variable p
 console.log(o[p]); // Print the value of each property
}

Yorumlayıcının programın başka bir bölümüne atlamasına neden olan break , return ve throw gibi ifadeler .

5.1 Etiketli
Herhangi bir ifade, önüne bir tanımlayıcı ve iki nokta üst üste konularak etiketlenebilir : Bir ifadeyi etiketleyerek, ona programınızın herhangi bir yerinde atıfta bulunmak için kullanabileceğiniz bir ad verirsiniz.

//syntax
identifier: statement

//example
mainloop: while(token !== null) {
 // Code omitted…
 continue mainloop; // Jump to the next iteration of the named loop(mainloop)
 // More code omitted…
}

5.2 Devam
Devam deyimi yürütüldüğünde, çevreleyen döngünün geçerli yinelemesi sonlandırılır ve bir sonraki yineleme başlar.

//example
for(let i = 0; i < data.length; i++) {
 if (!data[i]) continue; // jump to the next iteration of the loop
 total += data[i];
}

//syntax
return expression;

//Example
function square(x) { return x*x; } // A function that has a return statement
square(2) // => 4

// A generator function that yields a range of integers
function* range(from, to) {
  for(let i = from; i <= to; i++) {
    yield i;
  }
}

try/catch/finally
try/catch/finally deyimi, JavaScript'in istisna işleme mekanizmasıdır.

//syntax
try {
 //Normally, this code runs from the top of the block to the bottom
 //without problems. But it can sometimes throw an exception,
 //either directly or with a throw statement.
} catch(e) {
 // The statements in this block are executed if, and only if, the try
 // block throws an exception. These statements can use the local variable
 // e to refer to the Error object or other value that was thrown.
} finally {
 // This block contains statements that are always executed, regardless of
 // what happens in the try block. They are executed whether the try
 // block terminates:
}

//example
try {
  // Ask the user to enter a number
  let n = Number(prompt("Please enter a positive integer", ""));
  // Compute the factorial of the number, assuming the input is valid
  let f = factorial(n);
  // Display the result
  alert(n + "! = " + f);
} catch(e) {     // If the user's input was not valid, we end up here
  alert(e);  // Tell the user what the error is
}

Sonraki birkaç gönderi, JavaScript ile ilgili temel ve ileri konuları tartışan bir dizinin parçası olacak.

Bu hikayeyi beğendiyseniz, lütfen düğmesine tıklayın ve paylaşın, böylece diğerleri de bulsun! Ayrıca, aşağıya bir yorum bırakmaktan çekinmeyin.

Groww Engineering , teknik anekdotlar, en son teknolojiler ve yaygın programlama sorunlarının üstesinden gelmenin daha iyi yollarını yayınlar. En son güncellemeleri almak için buradan abone olabilirsiniz .