JavaScript Ders 12: Modern ES6+ Özellikleri
Bu derste, JavaScript'in ES6 ve sonrası sürümlerinde tanıtılan modern özellikleri öğreneceksiniz.
let ve const
let ve const, ES6 ile tanıtılan yeni değişken tanımlama anahtar kelimeleridir. let, blok seviyesinde değişken tanımlamaya imkan tanırken, const değiştirilemez (sabit) değişken tanımlar:
let age = 30;
age = 31; // Geçerli
const name = "John";
// name = "Doe"; // Geçersiz, const değişkeni değiştirilemezOk Fonksiyonları (Arrow Functions)
Ok fonksiyonları, daha kısa ve okunabilir fonksiyon tanımlamaları yapmamızı sağlar:
const add = (a, b) => a + b;
console.log(add(2, 3)); // 5Şablon Dizeleri (Template Literals)
Şablon dizeleri, string birleştirme işlemlerini daha kolay ve okunabilir hale getirir:
let name = "John";
let greeting = `Merhaba, ${name}!`;
console.log(greeting); // Merhaba, John!Destructuring
Destructuring, dizileri ve nesneleri parçalayarak değişkenlere atama işlemini kolaylaştırır:
let [a, b] = [1, 2];
console.log(a, b); // 1 2
let {name, age} = {name: "John", age: 30};
console.log(name, age); // John 30Spread Operatörü
Spread operatörü, dizileri ve nesneleri genişletmek için kullanılır:
let arr = [1, 2, 3];
let newArr = [...arr, 4, 5];
console.log(newArr); // [1, 2, 3, 4, 5]
let obj = {a: 1, b: 2};
let newObj = {...obj, c: 3};
console.log(newObj); // {a: 1, b: 2, c: 3}