JS Eğitimi

ANA SAYFA JS Giriş JS Nereye JS Çıktı JS İfadeleri JS Sözdizimi JS Yorumları JS Değişkenleri JS Let JS Sabiti JS Operatörleri JS Aritmetiği JS Ataması JS Veri Türleri JS Fonksiyonları JS Nesneleri JS Etkinlikleri JS Dizeleri JS Dize Yöntemleri JS Dizisi Arama JS Dize Şablonları JS Numaraları JS Numarası Yöntemleri JS Dizileri JS Dizi Yöntemleri JS Dizi Sıralaması JS Dizi Yineleme JS Dizi Sabiti JS Tarihleri JS Tarih Formatları JS Tarih Alma Yöntemleri JS Tarih Ayar Yöntemleri JS Matematik JS Rastgele JS Booleanları JS Karşılaştırmaları JS Koşulları JS Anahtarı JS Döngüsü İçin JS Döngüsü İçin JS Döngüsü JS Döngüsü JS Arası JS Yinelenebilirler JS Setleri JS Haritaları JS Türü JS Tipi Dönüşüm JS Bitsel JS Normal İfade JS Hataları JS Kapsamı JS Kaldırma JS Sıkı Modu Bu Anahtar Kelimeyi JS JS Ok İşlevi JS Sınıfları JS JSON JS Hata Ayıklama JS Stil Kılavuzu JS En İyi Uygulamaları JS Hataları JS Performansı JS Ayrılmış Kelimeler

JS Sürümleri

JS Sürümleri JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Kenar JS Geçmişi

JS Nesneleri

Nesne Tanımları Nesne Özellikleri Nesne Yöntemleri Nesne Görüntüleme Nesne Erişimcileri Nesne Oluşturucuları Nesne Prototipleri Nesne Yinelenebilirler Nesne Kümeleri Nesne Haritaları Nesne Referansı

JS Fonksiyonları

Fonksiyon Tanımları Fonksiyon Parametreleri Fonksiyon Çağırma İşlev Çağrısı İşlev Uygula Fonksiyon Kapanışları

JS Sınıfları

Sınıf Tanıtımı Sınıf Kalıtımı Sınıf Statik

JS Zaman uyumsuz

JS Geri Aramaları JS Asenkron JS Sözleri JS Zaman uyumsuz/Bekliyor

JS HTML DOM'si

DOM Tanıtımı DOM Yöntemleri DOM Belgesi DOM Öğeleri DOM HTML'si DOM Formları DOM CSS'si DOM Animasyonları DOM Olayları DOM Olay Dinleyicisi DOM Gezinme DOM Düğümleri DOM Koleksiyonları DOM Düğüm Listeleri

JS Tarayıcı Malzeme Listesi

JS Penceresi JS Ekranı JS Konumu JS Geçmişi JS Navigatörü JS Açılır Pencere Uyarısı JS Zamanlaması JS Çerezleri

JS Web API'leri

Web API'sine Giriş Web Formları API'sı Web Geçmişi API'si Web Depolama API'sı Web Çalışanı API'si Web Getirme API'si Web Coğrafi Konum API'sı

JS AJAX

AJAX'a Giriş AJAX XMLHttp AJAX İsteği AJAX Yanıtı AJAX XML Dosyası AJAX PHP AJAX ASP AJAX Veritabanı AJAX Uygulamaları AJAX Örnekleri

JS JSON

JSON'a Giriş JSON Sözdizimi JSON'a karşı XML JSON Veri Türleri JSON Ayrıştırma JSON Stringify JSON Nesneleri JSON Dizileri JSON Sunucusu JSON PHP JSON HTML'si JSON JSONP

JS ve jQuery

jQuery Seçiciler jQuery HTML'si jQuery CSS'si jQuery DOM'si

JS Grafikleri

JS Grafikleri JS Tuval JS Konusu JS Chart.js JS Google Grafiği JS D3.js

JS Örnekleri

JS Örnekleri JS HTML DOM'si JS HTML Girişi JS HTML Nesneleri JS HTML Olayları JS Tarayıcı JS Editörü JS Alıştırmaları JS Testi JS Sertifikası

JS Referansları

JavaScript Nesneleri HTML DOM Nesneleri


JavaScript Sabiti

Anahtar kelime ES6'da (2015)const tanıtıldı .

İle tanımlanan değişkenler constYeniden Bildirilemez.

İle tanımlanan değişkenler constYeniden Atanamaz.

ile tanımlanan değişkenler constBlok Kapsama sahiptir.

Yeniden Atanamaz

Bir constdeğişken yeniden atanamaz:

Örnek

const PI = 3.141592653589793;
PI = 3.14;      // This will give an error
PI = PI + 10;   // This will also give an error

Atanmalı

JavaScript constdeğişkenlerine bildirildiğinde bir değer atanmalıdır:

Doğru

const PI = 3.14159265359;

Yanlış

const PI;
PI = 3.14159265359;

JavaScript const ne zaman kullanılır?

Genel bir kural constolarak, değerin değişeceğini bilmiyorsanız her zaman ile bir değişken tanımlayın.

constŞunları beyan ettiğinizde kullanın :

  • yeni bir Dizi
  • Yeni bir Nesne
  • yeni bir İşlev
  • Yeni bir RegExp

Sabit Nesneler ve Diziler

Anahtar kelime constbiraz yanıltıcı.

Sabit bir değer tanımlamaz. Bir değere sabit bir referans tanımlar.

Bu nedenle şunları YAPAMAZSINIZ:

  • Sabit bir değeri yeniden atayın
  • Sabit bir diziyi yeniden atama
  • Sabit bir nesneyi yeniden atama

    Ama sen yapabilirsin:

  • Sabit dizinin öğelerini değiştirin
  • Sabit nesnenin özelliklerini değiştirin

Sabit Diziler

Sabit bir dizinin öğelerini değiştirebilirsiniz:

Örnek

// You can create a constant array:
const cars = ["Saab", "Volvo", "BMW"];

// You can change an element:
cars[0] = "Toyota";

// You can add an element:
cars.push("Audi");

Ancak diziyi yeniden atayamazsınız:

Örnek

const cars = ["Saab", "Volvo", "BMW"];

cars = ["Toyota", "Volvo", "Audi"];    // ERROR

Sabit Nesneler

Sabit bir nesnenin özelliklerini değiştirebilirsiniz:

Örnek

// You can create a const object:
const car = {type:"Fiat", model:"500", color:"white"};

// You can change a property:
car.color = "red";

// You can add a property:
car.owner = "Johnson";

Ancak nesneyi yeniden atayamazsınız:

Örnek

const car = {type:"Fiat", model:"500", color:"white"};

car = {type:"Volvo", model:"EX60", color:"red"};    // ERROR

Tarayıcı Desteği

Anahtar constsözcük, Internet Explorer 10 veya önceki sürümlerde desteklenmez.

Aşağıdaki tablo, constanahtar kelime için tam desteğe sahip ilk tarayıcı sürümlerini tanımlar:

Chrome 49 IE 11 / Edge Firefox 36 Safari 10 Opera 36
Mar, 2016 Oct, 2013 Feb, 2015 Sep, 2016 Mar, 2016


Blok Kapsamı

İle bir değişken bildirmek , Blok Kapsam söz konusu olduğundakine constbenzer .let

Bu örnekte, blokta bildirilen x, bloğun dışında bildirilen x ile aynı değildir:

Örnek

const x = 10;
// Here x is 10

{
const x = 2;
// Here x is 2
}

// Here x is 10

JavaScript Kapsamı bölümünde blok kapsamı hakkında daha fazla bilgi edinebilirsiniz .


yeniden beyan

Bir programda herhangi bir yerde bir JavaScript vardeğişkeninin yeniden bildirilmesine izin verilir:

Örnek

var x = 2;     // Allowed
var x = 3;     // Allowed
x = 4;         // Allowed

Var olan varveya let değişkenin constaynı kapsamda yeniden bildirilmesine izin verilmez:

Örnek

var x = 2;     // Allowed
const x = 2;   // Not allowed

{
let x = 2;     // Allowed
const x = 2;   // Not allowed
}

{
const x = 2;   // Allowed
const x = 2;   // Not allowed
}

Aynı kapsamda mevcut bir constdeğişkeni yeniden atamaya izin verilmez:

Örnek

const x = 2;     // Allowed
x = 2;           // Not allowed
var x = 2;       // Not allowed
let x = 2;       // Not allowed
const x = 2;     // Not allowed

{
  const x = 2;   // Allowed
  x = 2;         // Not allowed
  var x = 2;     // Not allowed
  let x = 2;     // Not allowed
  const x = 2;   // Not allowed
}

constBaşka bir kapsamda veya başka bir blokta , ile bir değişkenin yeniden bildirilmesine izin verilir:

Örnek

const x = 2;       // Allowed

{
  const x = 3;   // Allowed
}

{
  const x = 4;   // Allowed
}

İnşaat Kaldırma

ile tanımlanan değişkenler varyukarı kaldırılır ve herhangi bir zamanda başlatılabilir.

Anlamı: Değişkeni bildirilmeden önce kullanabilirsiniz:

Örnek

Tamamdır:

carName = "Volvo";
var carName;

Kaldırma hakkında daha fazla bilgi edinmek istiyorsanız, JavaScript Kaldırma bölümünü inceleyin .

ile tanımlanan değişkenler constde üste kaldırılır, ancak başlatılmaz.

Anlamı: Bir constdeğişkeni bildirilmeden önce kullanmak, aşağıdakilerle sonuçlanır ReferenceError:

Örnek

alert (carName);
const carName = "Volvo";