JS 2015 (ES6)

JS 2015’in Tanımı ve Amacı

JS 2015, JavaScript programlamadaki önemli bir dönüm noktası olarak kabul edilir. Bu sürüm, ECMAScript 2015 (ES6) olarak da adlandırılır ve JavaScript’e birçok yeni özellik ekler. Bu blog yazısında, JavaScript 2015’in tanımını ve amacını keşfedeceğiz.

JS 2015’in Tanımı: ES6 veya JS 2015, JavaScript programlama dilinde yapılan bir dizi güncellemeyi ifade eder. Bu güncellemeler, dilin kullanılabilirliğini ve geliştirici deneyimini geliştirmeyi hedefler. JS 2015, modern JavaScript uygulamalarının geliştirilmesi için daha güçlü ve esnek bir araç seti sunar.

JS 2015’in Amacı: JS 2015’in ana amacı, JavaScript dilini daha tutarlı ve anlaşılır kılmaktır. ES6, geliştiricilere daha etkili kodlama yöntemleri sunar ve daha kolay okunabilir ve bakımı yapılabilir kod oluşturmanıza yardımcı olur. Ayrıca, JavaScript’in daha önce eksik olan bazı önemli özellikleri ve standartları içerir.

• Yeni Değişken Tanımlama: let ve const
• Arrow Fonksiyonlarının Kullanımı ve Faydaları
• Spread Operator ile Dizileri ve Nesneleri Kopyalama
• Destructuring Assignments ile Veri Yapılarına Erişim
• Modül İçe Aktarmak ve İhraç Etmek
• Sınıflarla Nesne Tabanlı Programlama Yapmak

Başlık	Açıklama
Yeni Değişken Tanımlama: let ve const	ES6 ile gelen let ve const anahtar kelimeleri, blok kapsamı olan değişkenler tanımlamak için kullanılır. let ile tanımlanan bir değişken, sadece tanımlandığı blok içinde geçerlidir ve const ile tanımlanan bir değişken ise sadece bir kez atanabilir ve sonradan değiştirilemez.
Arrow Fonksiyonlarının Kullanımı ve Faydaları	Arrow fonksiyonları, daha kısa ve okunabilir fonksiyon tanımlamaları için kullanılır. Ayrıca, arrow fonksiyonlarının kendine ait bir this değeri olmadığından, this bağlamı sorunlarını da ortadan kaldırır. Bu sayede, arrow fonksiyonları daha tutarlı bir şekilde işlev görebilir.
Spread Operator ile Dizileri ve Nesneleri Kopyalama	Spread operatörü, bir diziyi veya nesneyi başka bir dizinin veya nesnenin elemanlarıyla birleştirmek veya kopyalamak için kullanılır. Bu, hem daha kısa hem de daha okunabilir kod yazmanıza yardımcı olur ve nesne kopyalama veya dizi birleştirme gibi işlemleri kolaylaştırır.

Yeni Değişken Tanımlama: let ve const

Yeni değişken tanımlama yöntemleri, JavaScript dünyasında önemli bir gelişmedir. let ve const, ES6 (ECMAScript 2015) ile birlikte kullanılmaya başlanan yeni değişken tanımlama anahtar kelimeleridir. Bu yeni yöntemler, daha esnek ve güçlü bir değişken tanımlama süreci sağlamaktadır.

let anahtar kelimesiyle tanımlanan değişkenler, blok kapsamına sahiptir. Yani, bir değişkenin tanımlandığı blok dışında erişilemez. Bu özellik, değişkenlerin etkisiz kılınmasını önler ve daha güvenli bir kod yazma imkanı sunar. let anahtar kelimesiyle tanımlanan değişkenler, aynı isimdeki değişkenlerin üzerine yazılamaz. Bu da hataları en aza indirir.

const anahtar kelimesiyle tanımlanan değişkenler ise sabittir. Yani, bir kez değer atandıktan sonra, değeri değiştirilemez. Bu özelliği sayesinde, güvende olmasını istediğiniz değerleri sabit bir şekilde tutabilirsiniz. Ayrıca, const ile tanımlanan değişkenlerin blok kapsamı da vardır, yani sadece tanımlandığı blok içinde erişilebilirler.

• let anahtar kelimesi ile tanımlanan değişkenler:
• Bir blok içinde tanımlanan değişkenler sadece o blokta erişilebilir olur
• Aynı isimdeki değişkenlerin üzerine yazılamaz
• let anahtar kelimesi önceden tanımlanmış değişken adları kullanıldığında syntax hatası verir
• const anahtar kelimesi ile tanımlanan değişkenler:
• Bir kez değer atandıktan sonra değeri değiştirilemez
• const anahtar kelimesi önceden tanımlanmış değişken adları kullanıldığında syntax hatası verir

Bu yeni değişken tanımlama yöntemleri, JavaScript kodlarının daha tutarlı, okunabilir ve güvenli olmasına yardımcı olur. let ve const ile tanımlanan değişkenler, programcıların daha iyi bir kapsam yönetimi yaparak hata riskini azaltmasını sağlar. Ayrıca, sabit değerlere const ile tanımlanan değişkenler aracılığıyla güvende tutarak, değişkenlerin istenmeyen değişimlere maruz kalmasını engelleyebilirsiniz.

Arrow Fonksiyonlarının Kullanımı ve Faydaları

Arrow fonksiyonları, JavaScript’teki son yılların en popüler özelliklerinden biridir. ES6 (ECMAScript 2015) ile birlikte tanıtılan arrow fonksiyonları, kısa ve basit bir sözdizimiyle geleneksel function ifadelerinin yerini almaya başlamıştır. Peki, arrow fonksiyonlarının kullanımı ve faydaları nelerdir?

Öncelikle, arrow fonksiyonlarının kullanımı oldukça kolaydır. Başlamak için ‘=>’ ok işaretini kullanmanız yeterlidir. Örneğin, geleneksel bir function ifadesini arrow fonksiyonu şekline çevirmek için:

const sayHello = () => {
console.log(“Merhaba!”);
};

Arrow fonksiyonlarının bir diğer avantajı, bağlamlarını otomatik olarak ayarlamalarıdır. Bu, fonksiyonun ‘this’ değişkenini erişilebilir bir şekilde tutmasını sağlar. Ayrıca, arrow fonksiyonları kısa ve okunması kolaydır. Örneğin, bir dizi üzerinde çok satırlı bir işlem gerçekleştirmek istiyoruz:

Klasik Fonksiyon İfadesi	Arrow Fonksiyonu
numbers.forEach(function(number) { console.log(number); });	numbers.forEach((number) => { console.log(number); });

Bu örneklerden de görüleceği üzere, arrow fonksiyonları daha kısa ve anlaşılır bir sözdizimine sahiptir. Ayrıca, arrow fonksiyonlarının kendi ‘this’ değerlerini otomatik olarak bağlamaları, etkili bir şekilde çalışmamızı sağlar.

Arrow fonksiyonlarının kullanımı ve faydaları hakkında daha fazla bilgi vermek mümkün olsa da, bu yazıda temel konulara değindik. Arrow fonksiyonları, JavaScript kodunuzu daha temiz, daha sade ve daha okunabilir hale getirmenize yardımcı olabilir. Yeni özellikleri öğrenmeye devam etmek ve bunları projelerinizde kullanmak, geliştirme becerilerinizi ileri seviyeye taşımanıza yardımcı olacaktır.

Spread Operator ile Dizileri ve Nesneleri Kopyalama

Geliştiricilerin JavaScript’te yeni tanımlanan Spread Operator, oldukça kullanışlı bir özelliktir. Spread Operator, bir dizinin veya bir nesnenin elemanlarını veya özelliklerini başka bir diziye veya nesneye kopyalayarak daha karmaşık veri yapılarını kolayca oluşturmamızı sağlar.

Dizi kopyalamak için Spread Operator’ü kullanmak oldukça basittir. Örnek olarak, bir dizi oluşturduğumuzu ve bu diziyi başka bir diziye kopyalamak istediğimizi düşünelim:

Örnek Dizi
[1, 2, 3]

Kopyalanacak diziye Spread Operator’ü kullanarak orijinal diziyi ekleyebiliriz:

Kopyalanan Dizi
[…örnekDizi]

Spread Operator’ü kullanarak oluşturulan bu kopyalanan dizi, orijinal diziyle aynı elemanlara sahip olacaktır. Ancak, değişiklikler yapıldığında orijinal dizi etkilenmeyecektir. Bu sayede, orijinal dizinin değerlerini korurken, üzerinde istediğimiz değişiklikleri yapabiliriz.

Destructuring Assignments ile Veri Yapılarına Erişim

Destructuring, JavaScript’te veri yapısını kolayca parçalamak için kullanılan bir tekniktir. Bu teknik sayesinde, dizi veya nesnelerde bulunan öğelere kolayca erişim sağlanabilir. Destructuring assignments’ı kullanarak, veriyi daha anlaşılır bir şekilde işleyebilir ve kodun okunabilirliğini artırabilirsiniz.

JavaScript’te destructuring yapmak için, öncelikle bir dizi veya nesne tanımlamanız gerekmektedir. Daha sonra, bu dizi veya nesnede bulunan öğelere tek tek erişmek yerine, destructuring syntax’ını kullanarak hızlı bir şekilde erişebilirsiniz. Örneğin, bir nesnenin özelliklerine erişmek için aşağıdaki syntax’ı kullanabilirsiniz:

• let veya const ile bir değişken tanımlayın.
• İstediğiniz veri yapısını parantez içerisinde kullanarak destructuring işlemini gerçekleştirin.
• Destructuring işlemi sonucunda elde edilen değerlere direkt olarak değişken atamaları yapabilirsiniz.

Destructuring assignments kullanmanın en önemli avantajlarından biri, daha az kod yazmanızı gerektirmesidir. Özellikle büyük ve karmaşık veri yapısına sahip nesnelerde, destructuring kullanarak daha net ve kısa bir kod yazabilirsiniz.

Örnek	Kod
Nesnenin özelliklerine erişim	let person = { name: ‘John’, age: 30, city: ‘New York’ }; let { name, age, city } = person;
Dizi öğelerine erişim	let numbers = [1, 2, 3, 4, 5]; let [first, second, , , fifth] = numbers;

Destructuring assignments ile veri yapılarına erişim sağlamak, JavaScript kodunuzu daha anlaşılır ve okunabilir hale getirecektir. Bu yöntem, özellikle büyük projelerde kod yazmayı kolaylaştırır ve geliştirme sürecini hızlandırır. JavaScript’te destructuring’i kullanarak, veri yapılarınızı daha etkili bir şekilde yönetebilir ve kodunuzu daha organize hale getirebilirsiniz.

Modül İçe Aktarmak ve İhraç Etmek

Modül içe aktarmak ve ihraç etmek, JavaScript’in güçlü özelliklerinden biridir. Bu özellik, kodun yeniden kullanılabilirliğini artırır ve daha düzenli bir kod yazmayı sağlar. Modül içe aktarmak, bir modülde tanımlanan değişkenlere, fonksiyonlara veya objelere diğer modüllerden erişim sağlamak anlamına gelir. Modül ihraç etmek ise, bir modülde tanımlanan değişkenleri, fonksiyonları veya objeleri diğer modüllere kullanılabilir hale getirmek anlamına gelir.

Modül içe aktarma işlemi, import anahtar kelimesi kullanılarak gerçekleştirilir. Örneğin, aynı proje içinde bulunan iki farklı modül olan “utils.js” ve “main.js” adında iki dosya olduğunu düşünelim. utils.js dosyasında tanımlanan bir fonksiyona main.js dosyasından erişmek istediğimizde, import anahtar kelimesini kullanırız. Kodumuzda import { belirliFonksiyon } from ‘./utils.js’; şeklinde bir ifade kullanarak utils.js dosyasından belirliFonksiyon isimli fonksiyonu içe aktarabiliriz.

Modül ihraç etme işlemi ise export anahtar kelimesi ile gerçekleştirilir. utils.js dosyasında bir fonksiyonu veya bir değişkeni başka bir modülde kullanılabilir hale getirmek için export anahtar kelimesini kullanırız. Örneğin, utils.js dosyasında tanımlanan bir fonksiyonu dışarıya ihraç etmek için export function belirliFonksiyon() {} şeklinde bir ifade kullanırız. Böylelikle bu fonksiyonu başka bir modülde import anahtar kelimesiyle kullanabiliriz.

• Modül içe aktarma ve ihraç etme, kodun daha düzenli ve yeniden kullanılabilir olmasını sağlar.
• Modül içe aktarma işlemi import anahtar kelimesiyle gerçekleştirilir.
• Modül ihraç etme işlemi ise export anahtar kelimesiyle gerçekleştirilir.

Modül İçe Aktarma Adımları:	Modül İhraç Etme Adımları:
1. import anahtar kelimesiyle istenen modülü içe aktarın.	1. export anahtar kelimesiyle fonksiyonu veya değişkeni ihraç edin.
2. İçe aktarılan modüldeki fonksiyonlara veya değişkenlere erişebilirsiniz.	2. İhraç edilen fonksiyonu veya değişkeni başka bir modülde import edebilirsiniz.

Sınıflarla Nesne Tabanlı Programlama Yapmak

Sınıflarla Nesne Tabanlı Programlama Yapmak, JavaScript’in 2015 sürümünden itibaren dilin yapısına eklenen bir özelliktir. Bu özellik sayesinde geliştiriciler, JavaScript ile nesne tabanlı programlama prensiplerine uygun bir şekilde kodlama yapabilirler. Sınıflar, özellikleri ve davranışları bir araya getiren bir yapı sunar ve bu sayede kodun daha organize ve yönetilebilir olmasını sağlar.

Sınıflarla Nesne Tabanlı Programlama yapmak için öncelikle bir sınıf tanımlaması yapmamız gerekmektedir. Sınıf tanımlaması için class anahtar kelimesi kullanılır. Ardından sınıf adı ve süslü parantezler içerisinde sınıfın özellikleri ve fonksiyonları tanımlanır.

Bir sınıfın özelliklerini tanımlamak için constructor() fonksiyonu kullanılır. Bu fonksiyon, sınıf örnekleri oluşturulurken çalıştırılır ve bu sayede örneklere özellikler atanabilir. Örneğin;

Örnek Kod:	class Person { constructor(name, age) { this.name = name; this.age = age; } }

Bu örnekte, Person adında bir sınıf tanımlanmıştır. Sınıfın bir constructor fonksiyonu bulunmaktadır ve bu fonksiyon, sınıf örnekleri oluşturulurken çalıştırılır. Constructor fonksiyonunun parametreleri aracılığıyla, örneklerin name ve age özelliklerine değer atanır.

Sınıfların metodları da tanımlanabilir. Bir sınıfın metodlarını tanımlamak için sınıf bloğu içerisinde fonksiyon tanımlamaları yapılır. Örneğin;

Örnek Kod:	class Person { constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log(“Merhaba, ben ” + this.name); } }

Bu örnekte, Person sınıfına sayHello adında bir metodun eklenmiştir. Bu metodun görevi, sınıfın örnekleri üzerinde çalıştırıldığında ekrana “Merhaba, ben [name]” mesajını yazdırmaktır.

Sık Sorulan Sorular

JS 2015’in Tanımı ve Amacı

JS 2015, ECMAScript 2015 olarak da bilinen bir JavaScript standartıdır. Bu standart, JavaScript diline birçok yeni özellik ve geliştirmeler getirir. Amacı JavaScript’in daha modern, güçlü ve verimli bir dil olmasını sağlamaktır.

Yeni Değişken Tanımlama: let ve const

let ve const değişken tanımlama anahtar kelimeleri, JS 2015 ile tanıtıldı. let, blok kapsamına sahip olan değişkenler tanımlamak için kullanılırken, const ise sabit değerli değişkenler tanımlamak için kullanılır.

Arrow Fonksiyonlarının Kullanımı ve Faydaları

Arrow fonksiyonlar, JS 2015 ile tanıtılan yeni bir fonksiyon yazma syntax’ıdır. Arrow fonksiyonları, daha kısa ve daha okunaklı bir şekilde fonksiyonlar tanımlamanıza olanak sağlar. Ayrıca, arrow fonksiyonları otomatik olarak bağlanır ve kendi this değerlerini alır, bu da kodun daha tutarlı ve anlaşılır olmasını sağlar.

Spread Operator ile Dizileri ve Nesneleri Kopyalama

Spread operator, JS 2015 ile tanıtılan bir operatördür. Bu operatör, bir dizi veya nesnenin tüm öğelerini başka bir dizi veya nesneye kolaylıkla kopyalamanızı sağlar. Bu sayede, mevcut bir veri yapısını değiştirmeden aynı öğelerle yeni bir veri yapısı oluşturabilirsiniz.

Destructuring Assignments ile Veri Yapılarına Erişim

Destructuring assignments, JS 2015 ile tanıtılan bir özelliktir. Bu özellik sayesinde, bir nesne veya dizi içindeki öğelere erişmek ve yeni değişkenler oluşturmak için daha kısa bir syntax kullanabilirsiniz. Bu da kodun daha okunaklı olmasını sağlar.

Modül İçe Aktarmak ve İhraç Etmek

JS 2015 ile birlikte, modül sistemi tanıtıldı. Bu sayede, farklı dosyalarda tanımlanan fonksiyonlar, değişkenler ve diğer öğeleri başka dosyalarda kullanabilirsiniz. Modüler bir yaklaşım, kodun daha düzenli ve yönetilebilir olmasını sağlar.

Sınıflarla Nesne Tabanlı Programlama Yapmak

JS 2015 ile birlikte sınıflar tanıtıldı. Bu sayede, nesne tabanlı programlama yapmak daha kolay hale geldi. Sınıflar, özellikler ve metotlar üzerinde çalışan nesnelerin şablonlarını oluşturmanızı sağlar. Bu da kodun daha modüler ve yeniden kullanılabilir olmasını sağlar.