Nedir? JavaSenaryo? Merhaba Dünya Örneğiyle Giriş

Nedir? JavaSenaryo?

JavaScript, web sayfalarına davranış kazandıran üst düzey bir programlama dilidir. Web'in üç temel teknolojisinden biridir: HTML yapıyı sağlar, CSS görünümü sağlar ve JavaKomut dosyası etkileşimi sağlar. Bir arama kutusu siz yazarken öneriler gösterdiğinde, bir fotoğraf karuseli kaydığında veya bir kayıt formu eksik bir alan hakkında sizi uyardığında, JavaBu işlem arka planda komut dosyası tarafından yapılıyor.

Aşağıdaki diyagram, bir komut dosyasının sıradan bir web sayfasının işaretleme koduyla birlikte nasıl yer aldığını göstermektedir.

Hayatının büyük bölümünde JavaScript, yalnızca tarayıcı içinde çalıştığı için istemci tarafı bir betik dili olarak tanımlanmıştı. Bu tanım artık eksik. 2009'da Node.js'nin ortaya çıkmasından bu yana, aynı dil web sunucularına, komut satırı yardımcı programlarına, masaüstü uygulamalarına ve mobil uygulamalara da güç veriyor. Bugün daha doğru bir tanım şudur: JavaScript, tarayıcılarda alışılmadık derecede güçlü bir varlığa sahip, genel amaçlı bir dildir.

Dili tanımlayan özellikler şunlardır:

• Dinamik olarak tiplendirilmiş: Bir değişken şu anda bir sayı, bir an sonra ise bir metin dizesi tutabilir; bu nedenle program çalışırken türler kontrol edilir.
• Yorumlanmış ve tam zamanında derlenmiş: Chrome'daki V8 ve Node.js gibi derleme motorları, sık çalıştırılan kodları hız için makine koduna derler.
• Çoklu paradigma: Emir kipi, işlevsel ve nesne yönelimli stillerin tümü desteklenmektedir.
• Olay odaklı: Kod, yukarıdan aşağıya doğru çalışıp durmak yerine, tıklamalara, tuş vuruşlarına, zamanlayıcılara ve ağ yanıtlarına tepki verir.ping.
• Olay döngüsüne sahip tek iş parçacıklı: Ağ çağrısı gibi yavaş işler, sayfanın dondurulması yerine sıraya alınır.

Tarihi JavaSenaryo

Brendan Eich yarattı Java1995 yılında Netscape Communications'da yazılan bu kod, yaklaşık on gün içinde ilk çalışan prototipi üretti. Proje şirket içinde şu isimle anılıyordu: koyun derisiNetscape Navigator 2.0 beta sürümünde yer alıyordu. Canlı Komut Dosyası Eylül 1995'te yeniden adlandırıldı. JavaSenaryo Aralık 1995'te Netscape ile Sun Microsystems arasında yapılan bir pazarlama anlaşmasının parçası olarak, Sun Microsystems'in sahibi olduğu şirket Java zamanında.

Bu yeniden adlandırma, birçok acemi kullanıcının hala böyle varsaymasının tek nedenidir. JavaScript, hafifletilmiş bir sürümdür. Javaİki dil tasarım, sahiplik ve çalışma zamanı açısından birbirinden bağımsızdır. Netscape, dili 1996 yılında ECMA International'a sunmuş ve ECMA-262 standardının ilk sürümü Haziran 1997'de yayınlanmıştır. Aşağıdaki tabloda, eski kodları okurken en önemli kilometre taşları listelenmiştir.

Yıllık sürüm döngüsü nedeniyle, 2015'ten önce yazılan kodlar modern kodlardan belirgin şekilde farklı görünmektedir. Daha eski eğitim materyalleri şunları kullanır: var her yerde, mevcut kod ise şunu tercih ediyor: let hem de const ne zaman değişkenleri tanımlamak JavaSenaryo.

Nedir? JavaBu komut dosyası ne için kullanıldı?

JavaScript dili artık sadece küçük sayfa hileleriyle sınırlı değil. Aynı sözdizimi artık dört farklı yerde karşımıza çıkıyor; bu nedenle geliştirici anketlerinde sürekli olarak en yaygın kullanılan dillerden biri olarak sıralanıyor.

Oyunlar, veri görselleştirmeleri, tarayıcı uzantıları ve küçük donanım projeleri de buna dayanıyor. Yeni başlayanlar için pratik sonuç basittir: Şimdi sözdizimine harcadığınız çaba, daha sonra doğrudan sunucu çalışmalarına, mobil çalışmalara ve test otomasyonuna aktarılır. Dilin gerçek sorunlara nasıl uygulandığını görmek istiyorsanız, bir dizi örnek üzerinde çalışın. pratik JavaKomut dosyası kod örnekleri Temel bilgiler iyice oturunca.

Nasıl Çalıştırılır JavaSenaryo?

JavaKomut dosyası kendi kendine çalışmaz. Çalışması için bir sunucu ortamına ihtiyaç duyar. Bu sunucu ortamı, komut dosyasında yer alan bir dizi öğeyi içermelidir. JavaSenaryo motorChrome ve Edge, V8 sürümünü kullanıyor. Firefox SpiderMonkey kullanıyor ve Safari de kullanıyor. JavaScriptCore. Bir tarayıcı bir HTML sayfasını indirdiğinde ve bir komut dosyası bulduğunda, bu komut dosyasını motoruna iletir; motor da onu ayrıştırır, derler ve çalıştırır.

İkinci sunucu ortamı ise, aynı V8 motorunu tarayıcının dışında barındıran Node.js'dir. Bu sayede aynı dil, bir sunucuda veya terminalde çalışır. Bunun pratik avantajı şudur: JavaSenaryo şudur Her modern tarayıcı bunu destekliyor. on Windows, Linux ve macOSBu sayede, ziyaretçinin hangi tarayıcıyı kullandığı konusunda nadiren endişelenmeniz gerekir. Bu, yalnızca Internet Explorer'da çalışan VBScript'e göre gerçek bir gelişmedir. Windows ve artık Internet Explorer'ın kendisiyle birlikte kullanımdan kaldırılmıştır.

İhtiyacınız Olan Araçlar

Kod yazmak için bir metin düzenleyiciye, sonucu görüntülemek için ise bir tarayıcıya ihtiyacınız var. Notepad++, Visual Studio Code, Sublime TextAyrıca, rahat ettiğiniz herhangi bir başka editör de işinizi görecektir; ancak sözdizimi vurgulama ve parantez eşleştirme özelliğine sahip bir editör, hata ayıklama sürecinde size büyük ölçüde kolaylık sağlayacaktır. Herhangi bir güncel tarayıcı kullanılabilir: Google Chrome, Firefox, Microsoft EdgeYa da Safari. Bu iki öğenin dışında başka bir şey satın almanıza veya yüklemenize gerek yok.

Basit JavaKomut dosyası programı

Tutarsan JavaHTML belgesinin içine yerleştirilen kod, açılış etiketi (<script>) ile `<script>` etiketi arasında kalmalıdır. <script> etiket ve kapanış </script> Bu etiket, tarayıcının kodunuzu çevreleyen işaretlemeden ayırt etmesini sağlar. Daha eski sayfalar da bu etiketi kullanır. type özellik, şu şekilde yazılır: <script type="text/javascript">Bu özellik, VBScript gibi rakip istemci tarafı dillerin var olduğu dönemlerde gerekliydi. Modern sayfalar bunu içermez, çünkü HTML5 bunu farklı şekilde ele alır. text/javascript Varsayılan olarak. Aşağıdaki iki sürüm işlevsel olarak aynıdır ve her ikisi de hala geçerlidir.

Merhaba Dünya Örneği

Geleneksel ilk program bir mesaj görüntüler. Aşağıdaki işaretlemeyi adlı bir dosyaya yerleştirin. hello.html ve tarayıcıda açın.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script type="text/javascript">
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

Çıktı:

A browser dialog box opens containing the text:

Hello World!

Not: type="text/javascript" HTML5'te buna gerek yoktur. Aşağıdaki kod tamamen aynı şekilde çalışır.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script>
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

Çıktı:

A browser dialog box opens containing the text:

Hello World!

Sayfa birkaç satırı geçince, metni ayrı bir bölüme taşımak gerekiyor. .js Dosya, işaretlemeyi okunabilir halde tutar ve tarayıcının kodu önbelleğe almasını sağlar. Farklılıklar bu karşılaştırmada ayrıntılı olarak ele alınmıştır. dahili ve harici JavaSenaryo.

İlk Komut Dosyanızı Nasıl Yazarsınız ve Çalıştırırsınız?

Uygulamanın üç pratik yolu vardır. JavaBu üç senaryoyu da yeni başlayanlar denemelidir çünkü her biri farklı bir duruma uygundur.

1. Tarayıcı konsolu. Bu en hızlı seçenektir ve hiçbir dosya gerektirmez. Herhangi bir web sayfasını açın, tuşuna basın. F12 (veya Ctrl+Shift+Ben Windows Linux'ta ise Cmd+Option+I tuş kombinasyonu kullanılır. macOS) ve konsolos Sekme tuşuna basın. Bir satır yazın, Enter tuşuna basın ve sonuç hemen görünür. Tek bir ifadeyi test etmek veya bir fonksiyonun ne döndürdüğünü kontrol etmek için ideal bir yerdir.

// Type each line into the browser console and press Enter
console.log(2 + 2);
console.log("Guru" + 99);
console.log(Math.max(4, 12, 7));
console.log(typeof "hello");

Çıktı:

4
Guru99
12
string

İkinci satıra dikkat edin. " dizesine 99 sayısını eklemekGuru" dizesini üretirGuru99” bir hata değil, çünkü JavaKomut dosyası sayıyı otomatik olarak metne dönüştürüyor. Bu davranış kullanışlıdır, ancak aynı zamanda yeni başlayanlar için klasik bir hata kaynağıdır.

2. Bir HTML dosyası. Yukarıda gösterilen örnek "Merhaba Dünya" örneğidir. Kodun sayfaya doğrudan dokunması gereken her durumda, örneğin bir form değerini okurken veya bir öğeyi değiştirirken bunu kullanın.

3. Terminalden Node.js komutunu çalıştırın. Node.js'i kurun, kodu bir dosyaya kaydedin. .js uzantıyı çalıştırın node first-script.jsHiçbir şey görüntülenmiyor, bu yüzden console.log Bu, çıktı kanalınız haline gelir. HTML içermeyen saf dil özelliklerini uygulamak istediğinizde izlemeniz gereken yol budur.

// first-script.js
const language = "JavaScript";
const createdBy = "Brendan Eich";
const releaseYear = 1995;

console.log(language + " was created by " + createdBy + " in " + releaseYear + ".");

const usedFor = ["Interactive web pages", "Server apps with Node.js", "Mobile apps"];

usedFor.forEach(function (item, index) {
  console.log(index + 1 + ". " + item);
});

Çıktı:

JavaScript was created by Brendan Eich in 1995.
1. Interactive web pages
2. Server apps with Node.js
3. Mobile apps

Bu kısa betik, sürekli karşılaşacağınız üç fikri zaten kullanıyor: sabitler şu şekilde tanımlanmıştır: const, Bir dizi Değerler listesini tutan ve kendisine iletilen bir geri çağırma fonksiyonu. forEachAynı döngüyü yeniden yazmak... for Bu ifade, ders çalıştıktan sonra faydalı bir alıştırmadır. döngüler JavaSenaryo.

JavaSenaryo vs Java

İsimler, programlama tarihinin en büyük kazasıdır ve yol açtıkları karışıklığı en başından gidermek gerekir. JavaScript, 1995 yılında tamamen pazarlama nedenleriyle LiveScript'ten Script olarak yeniden adlandırıldı. Java İnternette en çok konuşulan teknolojiydi. İki dil de farklı şirketlerde, farklı kişiler tarafından, farklı sorunlar için tasarlanmıştı.

Tek gerçek benzerlik, her ikisinin de C dilinden süslü parantez sözdizimini ödünç almasıdır. Birini öğrenmek diğerini öğretmez, ancak paylaşılan sözdizimi ikinci dili okumayı biraz daha kolaylaştırır. Eğer kesin olarakping sana hitap ediyor, TypeScript üstüne statik bir tip katmanı ekler. JavaDerleme sırasında betik düz metne dönüştürülüyor. JavaSenaryo ve farklılıklar burada açıklanmıştır. TypeScript hem de JavaSenaryo karşılaştırması.

Temeller yerine getirildikten sonra, doğal olarak atılacak sonraki adımlar şunlardır: interaktif JavaSenaryo alıştırmaları, Daha sonra değişkenler ve veri türleri, Ardından diziler hem de döngüler. Daha sonra, nesne odaklı JavaSenaryo Nesnelerin, prototiplerin ve sınıfların nasıl bir araya geldiğini açıklar ve dize biçimlendirme Bu, hemen hemen her betikte kullanacağınız metin işleme konusunu kapsar.

SSS