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'sı 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 Veri Türleri

JavaScript değişkenleri farklı veri türlerini tutabilir: sayılar, dizeler, nesneler ve daha fazlası:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

Veri Türleri Kavramı

Programlamada veri türleri önemli bir kavramdır.

Değişkenler üzerinde işlem yapabilmek için tür hakkında bir şeyler bilmek önemlidir.

Veri türleri olmadan bir bilgisayar bunu güvenli bir şekilde çözemez:

let x = 16 + "Volvo";

On altıya "Volvo" eklemek bir anlam ifade ediyor mu? Bir hata mı üretecek yoksa bir sonuç mu üretecek?

JavaScript yukarıdaki örneğe şu şekilde davranacaktır:

let x = "16" + "Volvo";

Bir sayı ve bir dize eklerken JavaScript, sayıyı bir dize olarak değerlendirir.

Örnek

let x = 16 + "Volvo";

Örnek

let x = "Volvo" + 16;

JavaScript, ifadeleri soldan sağa doğru değerlendirir. Farklı diziler farklı sonuçlar üretebilir:

JavaScript:

let x = 16 + 4 + "Volvo";

Sonuç:

20Volvo

JavaScript:

let x = "Volvo" + 16 + 4;

Sonuç:

Volvo164

İlk örnekte JavaScript, 16 ve 4'ü "Volvo"ya ulaşana kadar sayı olarak ele alır.

İkinci örnekte, ilk işlenen bir dize olduğundan, tüm işlenenler dize olarak kabul edilir.



JavaScript Türleri Dinamiktir

JavaScript'in dinamik türleri vardır. Bu, aynı değişkenin farklı veri türlerini tutmak için kullanılabileceği anlamına gelir:

Örnek

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

JavaScript Dizeleri

Bir dize (veya bir metin dizesi), "John Doe" gibi bir dizi karakterdir.

Dizeler tırnak işaretleri ile yazılır. Tek veya çift tırnak kullanabilirsiniz:

Örnek

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

Dizeyi çevreleyen tırnak işaretleri ile eşleşmedikleri sürece, bir dize içinde tırnak işaretleri kullanabilirsiniz:

Örnek

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

Bu öğreticide daha sonra dizeler hakkında daha fazla bilgi edineceksiniz.


JavaScript Numaraları

JavaScript'in yalnızca bir tür numarası vardır.

Sayılar ondalıklı veya ondalıksız yazılabilir:

Örnek

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

Çok büyük veya çok küçük sayılar bilimsel (üstel) gösterimle yazılabilir:

Örnek

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

Bu eğitimde daha sonra sayılar hakkında daha fazla bilgi edineceksiniz.


JavaScript Booleanları

Boolean'lar yalnızca iki değere sahip olabilir: trueveya false.

Örnek

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Boole değerleri genellikle koşullu testlerde kullanılır.

Bu öğreticide daha sonra koşullu test hakkında daha fazla bilgi edineceksiniz.


JavaScript Dizileri

JavaScript dizileri köşeli parantezlerle yazılır.

Dizi öğeleri virgülle ayrılır.

Aşağıdaki kod, carsüç öğe (araba adları) içeren adlı bir dizi bildirir (oluşturur):

Örnek

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

Dizi dizinleri sıfır tabanlıdır; bu, ilk öğenin [0], ikincisinin [1] olduğu vb. anlamına gelir.

Bu öğreticide daha sonra diziler hakkında daha fazla bilgi edineceksiniz .


JavaScript Nesneleri

JavaScript nesneleri kaşlı ayraçlarla yazılır {}.

Nesne özellikleri, virgülle ayrılmış ad:değer çiftleri olarak yazılır.

Örnek

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Yukarıdaki örnekteki nesnenin (kişi) 4 özelliği vardır: firstName, lastName, age ve eyeColor.

Bu öğreticide daha sonra nesneler hakkında daha fazla bilgi edineceksiniz .


Operatör tipi

typeofJavaScript değişkeninin türünü bulmak için JavaScript operatörünü kullanabilirsiniz .

Operatör , typeofbir değişkenin veya ifadenin türünü döndürür:

Örnek

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

Örnek

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

Bu eğitimde typeof hakkında daha fazla bilgi edineceksiniz .


Tanımsız

JavaScript'te değeri olmayan bir değişken, değerine sahiptir undefined. Tipi de öyle undefined.

Örnek

let car;    // Value is undefined, type is undefined

Değeri olarak ayarlanarak herhangi bir değişken boşaltılabilir undefined. tipi de olacaktır undefined.

Örnek

car = undefined;    // Value is undefined, type is undefined

Boş Değerler

Boş bir değerin bununla hiçbir ilgisi yoktur undefined.

Boş bir dize hem yasal bir değere hem de bir türe sahiptir.

Örnek

let car = "";    // The value is "", the typeof is "string"

Egzersizlerle Kendinizi Test Edin

Egzersiz yapmak:

Aşağıdaki değişkenlerin doğru veri türünü açıklamak için yorumları kullanın:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //