Ay: Ocak 2021

7thDayOf30DaysJavaScript

Fonksiyonlar İle Yeniden Kullanılabilir Kodlar Yazma

JavaScript’te, foksiyonlar ilekodumuzu yeniden kullanılabilir parçalara ayırabiliriz.

function functionName() {
  console.log("Hello World");
}

Bu işlevi, adını ve ardından parantezleri kullanarak şu şekilde çağırabilir: functionName (); İşlev her çağrıldığında, geliştirici konsolunda “Merhaba Dünya” mesajını yazdıracaktır. Küme parantezleri arasındaki tüm kod, işlev her çağrıldığında çalıştırılacaktır.

---

UYGULAMA:

1. Create a function called functionWithArgs that accepts two arguments and outputs their sum to the dev console.
2. Call the function with two numbers as arguments.

KODUMUZ:

function functionWithArgs(val1, val2){
  console.log(val1 + val2);
}

functionWithArgs(3, 5);

---

Fonksiyonlarda Yerel ve Global Değişkenler

Aynı ada sahip hem yerel hem de global değişkenlere sahip olmak mümkündür. Bunu yaptığınızda, yerel değişken global değişkene göre öncelik kazanır.

var someVar = "Hat";
function myFun() {
  var someVar = "Head";
  return someVar;
}

console.log(someVar);
console.log(myFun());   // console.log(myFun(););  olmazzzz dikkat!!


|| ÇIKTI:

Hat
Head

---

Katı Eşitlik Operatörü (Strict Equality Operator)

Katı eşitlik (===), eşitlik operatörünün (==) karşılığıdır. Ancak, her iki değeri de ortak bir türle karşılaştırarak dönüştürmeye çalışan eşitlik operatöründen farklı olarak, katı eşitlik operatörü bir tür dönüştürme gerçekleştirmez. Karşılaştırılan değerlerin farklı türleri varsa, eşit olmadıkları kabul edilir ve katı eşitlik operatörü yanlış döndürür.

3 ===  3   // true
3 === '3'  // false

Yukarıda ikinci örnekte, 3 bir number türüdür, ‘3’ bir string türüdür.

---

Katı eşitsizlik operatörü (! ==) (Strict Inequality Operator)

Katı eşitsizlik operatörü (! ==), katı eşitlik operatörünün mantıksal zıttıdır. “Kesinlikle Eşit Değildir” anlamına gelir ve katı eşitliğin doğru olduğu ve tersinin doğru olduğu durumlarda yanlış döndürür. Katı eşitsizlik, veri türlerini dönüştürmez. Bu operatör verinin değeriyle birlikte türünü de karşılaştırır.

3 !==  3   // false
3 !== '3'  // true
4 !==  3   // true

Switch İfadesi

Aralarından seçim yapabileceğiniz pek çok seçeneğiniz varsa, bir switch deyimi kullanabiliriz. Bir switch deyimi bir değeri test eder ve çeşitli olası değerleri tanımlayan birçok case deyimine sahip olabilir. İfadeler, ilk eşleşen durum değerinden bir kesinti ile karşılaşılıncaya kadar yürütülür.

---

DEfault

Bir switch deyiminde, tüm olası değerleri case deyimleri olarak belirtemeyebilirsiniz. Bunun yerine, eşleşen bir vaka ifadesi bulunmazsa yürütülecek varsayılan ifadeyi ekleyebilirsiniz. Bir if / else zincirindeki son else ifadesi gibi düşünün. Bir varsayılan ifade, son durum olmalıdır.

function switchOfStuff(val) {
  var answer = "";

     switch(val){
       case  "a":
         answer = "apple";
         break;
       case "b":
         answer = "bird";
         break;
       case "c":
         answer = "cat";
         break;
       default:
         answer = "stuff";
         break;
     }
  return answer;
}

---

Fonksiyonlardan Boolean Değerlerini Döndürme

Eşitlik Operatörü ile Karşılaştırma’dan tüm karşılaştırma işleçlerinin bir mantıksal doğru veya yanlış değeri döndürdüğünü hatırlayabilirsiniz. Bazen insanlar karşılaştırma yapmak için şöyle bir if / else ifadesi kullanırlar ancak bunu yapmanın daha iyi bir yolu var. === true veya false döndürdüğünden, karşılaştırmanın sonucunu döndürebiliriz

function isEqual(a,b) {
  if (a === b) {
    return true;
  } else {
    return false;
  }
}

YERİNE:

function isEqual(a,b) {
  return a === b;
}

---

Fonksiyonlarda return Kalıbı

Bir dönüş ifadesine ulaşıldığında, mevcut fonksiyonun yürütülmesi durur ve kontrol, çağıran konuma geri döner.

function myFun() {
  console.log("Merhaba");
  return "Bünya";
  console.log("byebye")
}
myFun();

Yukarıdaki, konsola “Merhaba” çıktısı verir, “Dünya” değerini döndürür, ancak “byebye” hiçbir zaman çıktılanmaz, çünkü işlev dönüş deyiminde çıkar.

UYGULAMA:

Modify the function abTest so that if a or b are less than 0 the function will immediately exit with a value of undefined.

Hint
Remember that undefined is a keyword, not a string.

verilenler

function abTest(a, b) {
  // Only change code below this line



  // Only change code above this line

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

abTest(2,2);

kodumuz

function abTest(a, b) {

if(a < 0 || b < 0){
return undefined;   // undefined bir anahtar kelime, string değil!!
}

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

abTest(2,2);

---

Nesne Özelliklerine Erişme

Bir nesnenin özelliklerine erişmenin iki yolu vardır: nokta notasyonu (.) Ve bir diziye benzer köşeli parantez gösterimi ([]).

1)

var myObj = {
  prop1: "val1",
  prop2: "val2"
};
var prop1val = myObj.prop1; // val1
var prop2val = myObj.prop2; // val2

2)

var myObj = {
  "Space Name": "Kirk",
  "More Space": "Spock",
  "NoSpace": "USS Enterprise"
};
myObj["Space Name"]; // Kirk
myObj['More Space']; // Spock
myObj["NoSpace"];    // USS Enterprise

---

“Do the difficult things while they are easy and do the great things while they are small. A journey of a thousand miles must begin with a single step.”

Lao Tzu