Bu yazımda ECMAScript 5 nedir? ECMAScript 5 ile gelen yeni özellikler nelerdir? bunları öğreneceğiz.
ECMASCRİPT 5 ÖZELLİKLERİ
ECMAScript 5, ES5 veya ECMAScript 2009 olarak da bilinir. Aşağıda yazmış olduğum özellikler 2009 yılında kullanıma sunulan yeni özelliklerdir.
⇒ JSON.parse()
JSON.parse() metodu ile elimizde olan string bir veriyi nesneye dönüştürebiliriz.
Örnek
|
1 2 3 4 5 6 7 8 9 |
<script> let data = '{"name":"Ahmet", "age":30, "city":"Ankara"}' console.log(typeof(data)); </script> |
Çıktısı : string
data değişkeni string bir değer olduğu için geriye “string” değeri döndürüldü.
Örnek
|
1 2 3 4 5 6 7 8 9 |
<script> let data = JSON.parse('{"name":"Ahmet", "age":30, "city":"Ankara"}'); console.log(typeof(data)); </script> |
Çıktısı : object
JSON.parse() metodu ile data değişkenini bir nesneye döndürdüğümüz için geriye “object” değeri döndürüldü.
Bu metodu daha çok web sunucularından aldığımız verileri nesnelere çevirmek için kullanıyoruz.
⇒ JSON.stringify()
JSON.stringify() metodu ile elimizde olan bir nesneyi string’e dönüştürebiliriz.
Örnek
|
1 2 3 4 5 6 7 8 9 |
<script> let data = {name:"Ahmet", age:30, city:"Ankara"}; console.log(typeof(data)); </script> |
Çıktısı : object
data değişkeni bir nesne olduğu için geriye “object” değeri döndürüldü.
Örnek
|
1 2 3 4 5 6 7 8 9 |
<script> let data = JSON.stringify({name:"Ahmet", age:30, city:"Ankara"}); console.log(typeof(data)); </script> |
Çıktısı : string
JSON.stringify() metodu ile data değişkenini bir string’e döndürdüğümüz için geriye “string” değeri döndürüldü.
Bu metodu daha çok web sunucularına veri gönderirken elimizdeki nesneleri string’e çevirmek için kullanıyoruz.
⇒ Date.now()
Date.now() metodu sıfır tarihinden itibaren geçen süreyi milisaniye olarak geriye döndürür. Sıfır tarihi “1 Ocak 1970” olarak kabul edilir.
Örnek :
|
1 2 3 4 5 6 7 8 9 |
<script> let date = Date.now(); console.log(date); </script> |
Çıktısı : 1602938105288
⇒ Array.isArray()
Array.isArray() metodu, içerisinde verilen parametrenin bir dizi olup olmadığını geriye döndürür. Eğer bir diziyse true değilse false değer döndürür.
Örnek
|
1 2 3 4 5 6 7 8 9 |
<script> var arabalar = ["BMW", "Ford", "Audi"]; console.log(Array.isArray(arabalar)); </script> |
Çıktısı : true
“arabalar” bir dizi olduğu için geriye true değeri döndürüldü.
Örnek
|
1 2 3 4 5 6 7 8 9 |
<script> var arabalar = "BMW, Ford, Audi"; console.log(Array.isArray(arabalar)); </script> |
Çıktısı : false
“arabalar” bir string olduğu için geriye false değeri döndürüldü.
⇒ “use strict” Yönergesi
Bu yönerge hakkında daha detaylı bilgi için JavaScript use strict Nedir? Neden Kullanılır? yazımı okuyabilirsiniz.
⇒ String.trim()
Bu metod hakkında daha detaylı bilgi için JavaScript String Metodları ve Kullanımları yazımı okuyabilirsiniz.
⇒ Array.forEach()
Bu metod hakkında daha detaylı bilgi için JavaScript forEach Kullanımı – Array.forEach() yazımı okuyabilirsiniz.
⇒ Array.map()
Bu metod hakkında daha detaylı bilgi için JavaScript map Kullanımı – Array.map() yazımı okuyabilirsiniz.
⇒ Array.filter()
Bu metod hakkında daha detaylı bilgi için JavaScript filter Kullanımı – Array.filter() yazımı okuyabilirsiniz.
⇒ Array.reduce()
⇒ Array.reduceRight()
⇒ Array.every()
Bu metod hakkında daha detaylı bilgi için JavaScript every Kullanımı – Array.every() yazımı okuyabilirsiniz.
⇒ Array.some()
Bu metod hakkında daha detaylı bilgi için JavaScript some Kullanımı – Array.some() yazımı okuyabilirsiniz.
⇒ Array.indexOf()
Bu metod hakkında daha detaylı bilgi için JavaScript Array.indexOf() ve Array.lastIndexOf() Kullanımı yazımı okuyabilirsiniz.
⇒ Array.lastIndexOf()
Bu metod hakkında daha detaylı bilgi için JavaScript Array.indexOf() ve Array.lastIndexOf() Kullanımı yazımı okuyabilirsiniz.
⇒ Nesnelere ait yeni özellikler ve metodlar
Bu özelliklerden bazıları şunlardır:
- Object.defineProperty(object, property, descriptor)
- Object.defineProperties(object, descriptors)
- Object.getOwnPropertyDescriptor(object, property)
- Object.getOwnPropertyNames(object)
- Object.keys(object)
- Object.getPrototypeOf(object)
- Object.preventExtensions(object)
- Object.isExtensible(object)
- Object.seal(object)
- Object.isSealed(object)
- Object.freeze(object)
- Object.isFrozen(object)
⇒ ECMAScript 5 için Tarayıcı Desteği
- Google Chrome 23
- IE10 / Edge
- Firefox 21
- Safari 6
- Opera 15
Umarım “ECMAScript 5 Nedir? ECMAScript 5 ile Gelen Yeni Özellikler” başlıklı yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
Yeni bir yazımda görüşmek üzere.
