JavaScript ES6

ECMAScript 6 nedir?

ECMAScript 6 aynı zamanda ES6 ve ECMAScript 2015 olarak da bilinir.

Bazıları bunu JavaScript 6 olarak adlandırır.

Bu bölüm, ES6'daki bazı yeni özellikleri tanıtır.

  • JavaScript let
  • JavaScript const
  • Üstel (**)
  • Varsayılan parametre değerleri
  • Array.find()
  • Array.findIndex()

ES6 (ECMAScript 2015) için tarayıcı desteği

Safari 10 ve Edge 14, ES6'yu tam olarak destekleyen ilk tarayıcılar oldu:

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Oca 2017 Ağu 2016 Mar 2017 Tem 2016 Ağu 2018

JavaScript let

let ifadesi, blok etkisi alanında değişkenler oluşturmanızı sağlar.

Örnek

var x = 10;
// Burada x 10'dur
{ 
  let x = 2;
  // Burada x 2'dir
}
// Burada x 10'dur

Kendi Kendine Deneyin

JavaScript const

const İfade, sınırlı değerli sabitleri (sabit değerli JavaScript değişkenleri) bildirmenizi sağlar.

Sabit benzerdir let Değiştirilemeyen değerleri içeren değişkenlerdir.

Örnek

var x = 10;
// Burada x 10'dur
{ 
  const x = 2;
  // Burada x 2'dir
}
// Burada x 10'dur

Kendi Kendine Deneyin

Lütfen bizim JavaScript Let / Const Bölümünde daha fazla bilgi için okuyun let ve const İçeriği.

Üstel işlevsel simgesi

Kuvvet işlevsel simgesi (**İlk işlevsel argümanı ikinci işlevsel argümanın kuvvetine yükseltir.

Örnek

var x = 5;
var z = x ** 2;          // Sonuç 25 olacaktır

Kendi Kendine Deneyin

x ** y Sonuç Math.pow(x,y) Aynı:

Örnek

var x = 5;
var z = Math.pow(x,2);   // Sonuç 25 olacaktır

Kendi Kendine Deneyin

Varsayılan parametre değerleri

ES6 Fonksiyon parametrelerine varsayılan değerler verilebilir.

Örnek

function myFunction(x, y = 10) {
  // Geçilmediyse veya tanımlanmadıysa y 10'dur
  return x + y;
}
myFunction(5); // 15 döndürecektir

Kendi Kendine Deneyin

Array.find()

find() Test fonksiyonu üzerinden ilk dizi elemanının değerini döndüren yöntem.

Bu örnek, 18'den büyük ilk elemanı (değerini) arar (döndürür):

Örnek

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Kendi Kendine Deneyin

Lütfen bu fonksiyon 3 parametre kabul eder:

  • Proje değeri
  • Proje indeksi
  • Dizi kendisi

Array.findIndex()

findIndex() Test fonksiyonu üzerinden ilk dizi elemanının indeksini döndüren yöntem.

Bu örnek, 18'den büyük ilk elemanın indeksini belirler:

Örnek

var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Kendi Kendine Deneyin

Lütfen bu fonksiyon 3 parametre kabul eder:

  • Proje değeri
  • Proje indeksi
  • Dizi kendisi

Yeni sayı özellikleri

ES6, Number nesnesine aşağıdaki özellikleri ekledi:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Örnek

var x = Number.EPSILON;

Kendi Kendine Deneyin

Örnek

var x = Number.MIN_SAFE_INTEGER;

Kendi Kendine Deneyin

Örnek

var x = Number.MAX_SAFE_INTEGER;

Kendi Kendine Deneyin

Yeni sayı yöntemi

ES6, Number nesnesine 2 yeni yöntem ekledi:

  • Number.isInteger()
  • Number.isSafeInteger()

Number.isInteger() yöntemi

Eğer parametre bir tamsayıysa Number.isInteger() Metodun döner true.

Örnek

Number.isInteger(10);        // true döner
Number.isInteger(10.5);      // false döner

Kendi Kendine Deneyin

Number.isSafeInteger() yöntemi

Güvenli sayılar, dوقe kesin olarak temsil edilebilen tam sayılardır.

Eğer parametre güvenli bir sayıysa Number.isSafeInteger() Metodun döner true.

Örnek

Number.isSafeInteger(10);    // true döner
Number.isSafeInteger(12345678901234567890);  // false döner

Kendi Kendine Deneyin

Güvenli sayı, -(253 - 1) ile +(253 - 1) arasındaki tüm tam sayıları ifade eder.

Bu güvenli: 9007199254740991. Bu güvenli değil: 9007199254740992.

Yeni genel yöntem

ES6 2 adet yeni genel sayı yöntemi ekledi:

  • isFinite()
  • isNaN()

isFinite() yöntemi

Eğer parametre Infinity veya NaNolduğunda isFinite() Yöntem false döner.

Aksi takdirde true döner:

Örnek

isFinite(10/0);       // false döner
isFinite(10/1);       // true döner

Kendi Kendine Deneyin

isNaN() yöntemi

argüman NaNolduğunda isNaN() Metodun döner true. Aksi takdirde false:

Örnek

isNaN("Hello");       // true döner

Kendi Kendine Deneyin

Arrow Fonksiyonu (Arrow Function)

Arrow fonksiyonları, fonksiyon ifadelerini kısa bir dil kullanarak yazmanıza olanak tanır.

Gerekmez function Anahtar kelimeler,return Anahtar kelimeler veParantezler.

Örnek

// ES5
var x = function(x, y) {
   return x * y;
}
// ES6
const x = (x, y) => x * y;

Kendi Kendine Deneyin

Arrow fonksiyonları kendi this. Bu, tanımlamak için uygun değildirObject Metodu.

Arrow fonksiyonları yükseltilmemiştir. Kullanıldıklarında kullanılmalıdırÖnceiçin kullanılır.

tanımlamak const kullanmak var Daha güvenli, çünkü fonksiyon ifadeleri her zaman sabit değerlerdir.

Eğer fonksiyon tek bir cümle ise, yalnızca atlayabilirsiniz return Anahtar kelimeler ve parantezler. Bu nedenle, onları saklamak iyi bir alışkanlık olabilir:

Örnek

const x = (x, y) => { return x * y };

Kendi Kendine Deneyin